| | |
| | | view,text,scroll-view,image{ |
| | | box-sizing: border-box; |
| | | } |
| | | .swiper{ |
| | | box-sizing: border-box; |
| | | } |
| | | page{ |
| | | background-color: #fff; |
| | | --themeColor:#B08771; |
| | |
| | | width: 242rpx; |
| | | flex-shrink: 0; |
| | | margin-bottom: 32rpx; |
| | | &:nth-last-child(1){ |
| | | margin-right: auto; |
| | | } |
| | | .img_wrap { |
| | | width: 242rpx; |
| | | border-radius: 8rpx; |
| | |
| | | flex-shrink: 0; |
| | | margin-bottom: 32rpx; |
| | | } |
| | | .main_content .main_right .goods_list .item:nth-last-child(1) { |
| | | margin-right: auto; |
| | | } |
| | | .main_content .main_right .goods_list .item .img_wrap { |
| | | width: 242rpx; |
| | | border-radius: 8rpx; |
| | |
| | | .item { |
| | | width: 324rpx; |
| | | margin-bottom: 32rpx; |
| | | &:nth-last-child(1){ |
| | | margin-right: auto; |
| | | } |
| | | .img_wrap { |
| | | width: 100%; |
| | | height: 182rpx; |
| | |
| | | flex-wrap: wrap; |
| | | justify-content: space-around; |
| | | } |
| | | |
| | | .main_content .goods_list .item { |
| | | width: 324rpx; |
| | | margin-bottom: 32rpx; |
| | | } |
| | | .main_content .goods_list .item:nth-last-child(1) { |
| | | margin-right: auto; |
| | | } |
| | | .main_content .goods_list .item .img_wrap { |
| | | width: 100%; |
| | | height: 182rpx; |
| | |
| | | font-size: 20rpx; |
| | | color: #333333; |
| | | .icon{ |
| | | margin-bottom: 4rpx; |
| | | margin-bottom: 6rpx; |
| | | width: 44rpx; |
| | | height: 44rpx; |
| | | } |
| | |
| | | color: #333333; |
| | | } |
| | | .user .btns .item .icon { |
| | | margin-bottom: 4rpx; |
| | | margin-bottom: 6rpx; |
| | | width: 44rpx; |
| | | height: 44rpx; |
| | | } |
| | |
| | | left: 0; |
| | | width: 100%; |
| | | height: 100%; |
| | | background-color: rgba(0, 0, 0, 0.2); |
| | | background-color: rgba(0, 0, 0, 0.5); |
| | | z-index: 9999; |
| | | } |
| | | .video_content .video{ |
| | | position: fixed; |
| | | border-radius: 8rpx; |
| | | top: 50%; |
| | | left: 75rpx; |
| | | transform: translate(0, -50%); |
| | | width: 600rpx; |
| | | top: 40%; |
| | | left: 0; |
| | | width: 750rpx; |
| | | z-index: 10000; |
| | | } |
| | | video{ |
| | | width: 750rpx; |
| | | } |
| | |
| | | border-radius: 16rpx 16rpx 0rpx 0rpx; |
| | | background-color: #fff; |
| | | margin-bottom: 20rpx; |
| | | overflow: hidden; |
| | | .title { |
| | | font-weight: 500; |
| | | font-size: 36rpx; |
| | | margin-bottom: 16rpx; |
| | | } |
| | | .desc { |
| | | |
| | | line-height: 40rpx; |
| | | font-size: 26rpx; |
| | | color: #555555; |
| | | margin-bottom: 26rpx; |
| | |
| | | </swiper-item> |
| | | </block> |
| | | </swiper> |
| | | <view class="indicator">{{current}}/{{info.bannerImgList.length}}</view> |
| | | <view class="indicator">{{current + 1}}/{{info.bannerImgList.length}}</view> |
| | | </view> |
| | | <view class="main_content"> |
| | | <view class="title">{{ info.title }}</view> |
| | |
| | | border-radius: 16rpx 16rpx 0rpx 0rpx; |
| | | background-color: #fff; |
| | | margin-bottom: 20rpx; |
| | | overflow: hidden; |
| | | } |
| | | .main_content .title { |
| | | font-weight: 500; |
| | |
| | | margin-bottom: 16rpx; |
| | | } |
| | | .main_content .desc { |
| | | line-height: 40rpx; |
| | | font-size: 26rpx; |
| | | color: #555555; |
| | | margin-bottom: 26rpx; |
| | |
| | | } |
| | | .video .img_wrap .img { |
| | | width: 100%; |
| | | height: 376rpx; |
| | | } |
| | | .video .img_wrap .play { |
| | | position: absolute; |
| | |
| | | border-radius: 30rpx; |
| | | font-size: 26rpx; |
| | | color: rgba(255, 255, 255, 0.8); |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .video .img_wrap .play .icon { |
| | | width: 14rpx; |
| | | height: 16rpx; |
| | | margin-left: 14rpx; |
| | | } |
| | | .detail { |
| | | padding: 52rpx 40rpx 40rpx; |
| | |
| | | } |
| | | .detail .line { |
| | | display: flex; |
| | | height: 32rpx; |
| | | margin-bottom: 24rpx; |
| | | margin-bottom: 20rpx; |
| | | } |
| | | .detail .line .label { |
| | | width: auto; |
| | | width: 120rpx; |
| | | font-size: 24rpx; |
| | | color: #666666; |
| | | flex-shrink: 0; |
| | | } |
| | | .detail .line .val { |
| | | flex: 1; |
| | |
| | | <view class="line"> |
| | | <view class="label">æµç§°</view> |
| | | <view class="val"> |
| | | <input bindchange="getNickName" value="{{ nickname }}" maxlength="{{ 18 }}" type="nickname"/> |
| | | <input bindchange="getNickName" value="{{ nickname }}" maxlength="{{ 10 }}" type="nickname"/> |
| | | </view> |
| | | </view> |
| | | <view class="line"> |
| | |
| | | import { baseUrl } from "./config" |
| | | import { wxLoginCustomer } from '../api/index' |
| | | |
| | | let number = 0 |
| | | export function request(options){ |
| | | let loading = options.loading || '1' // é»è®¤å¼1æ¾ç¤ºï¼å¦å䏿¾ç¤º |
| | | if(loading == '1'){ |
| | | wx.showLoading() |
| | | number ++ |
| | | } |
| | | return new Promise(resolve => { |
| | | wx.request({ |
| | |
| | | }, |
| | | complete() { |
| | | if(loading == '1'){ |
| | | wx.hideLoading() |
| | | number -- |
| | | if(number == 0){ |
| | | wx.hideLoading() |
| | | } |
| | | } |
| | | } |
| | | }) |
| | |
| | | position: fixed; |
| | | border-radius: 8rpx; |
| | | top: 50%; |
| | | left: 75rpx; |
| | | left: 95rpx; |
| | | transform: translate(0, -50%); |
| | | width: 600rpx; |
| | | width: 560rpx; |
| | | background-color: rgba(0, 0, 0, .2); |
| | | z-index: 99999; |
| | | .img1{ |
| | | image{ |
| | | width: 600rpx; |
| | | width: 560rpx; |
| | | border-radius: 8rpx ; |
| | | } |
| | | } |
| | | .content{ |
| | | width: 600rpx; |
| | | height: 308rpx; |
| | | padding: 26rpx 0 40rpx; |
| | | width: 560rpx; |
| | | padding: 24rpx 0 16rpx; |
| | | background: rgba(255,255,255,0.8); |
| | | border-radius: 16rpx; |
| | | margin-top: 24rpx; |
| | | text-align: center; |
| | | .title{ |
| | | font-weight: 500; |
| | | font-size: 30rpx; |
| | | margin-bottom: 20rpx; |
| | | font-size: 28rpx; |
| | | margin-bottom: 12rpx; |
| | | } |
| | | .line{ |
| | | font-size: 26rpx; |
| | | font-size: 24rpx; |
| | | color: #333333; |
| | | line-height: 36rpx; |
| | | line-height: 28rpx; |
| | | } |
| | | } |
| | | .btns{ |
| | | margin-top: 30rpx; |
| | | margin-top: 24rpx; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | width: 100%; |
| | | .btn{ |
| | | width: 160rpx; |
| | | height: 88rpx; |
| | | height: 72rpx; |
| | | border-radius: 8rpx; |
| | | border: 2rpx solid #FFFFFF; |
| | | display: flex; |
| | |
| | | position: fixed; |
| | | border-radius: 8rpx; |
| | | top: 50%; |
| | | left: 75rpx; |
| | | left: 95rpx; |
| | | transform: translate(0, -50%); |
| | | width: 600rpx; |
| | | width: 560rpx; |
| | | background-color: rgba(0, 0, 0, 0.2); |
| | | z-index: 99999; |
| | | } |
| | | .card_wrap .img1 image { |
| | | width: 600rpx; |
| | | width: 560rpx; |
| | | border-radius: 8rpx ; |
| | | } |
| | | .card_wrap .content { |
| | | width: 600rpx; |
| | | height: 308rpx; |
| | | padding: 26rpx 0 40rpx; |
| | | width: 560rpx; |
| | | padding: 24rpx 0 16rpx; |
| | | background: rgba(255, 255, 255, 0.8); |
| | | border-radius: 16rpx; |
| | | margin-top: 24rpx; |
| | |
| | | } |
| | | .card_wrap .content .title { |
| | | font-weight: 500; |
| | | font-size: 30rpx; |
| | | margin-bottom: 20rpx; |
| | | font-size: 28rpx; |
| | | margin-bottom: 12rpx; |
| | | } |
| | | .card_wrap .content .line { |
| | | font-size: 26rpx; |
| | | font-size: 24rpx; |
| | | color: #333333; |
| | | line-height: 36rpx; |
| | | line-height: 28rpx; |
| | | } |
| | | .card_wrap .btns { |
| | | margin-top: 30rpx; |
| | | margin-top: 24rpx; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | width: 100%; |
| | | } |
| | | .card_wrap .btns .btn { |
| | | width: 160rpx; |
| | | height: 88rpx; |
| | | height: 72rpx; |
| | | border-radius: 8rpx; |
| | | border: 2rpx solid #FFFFFF; |
| | | display: flex; |
| | |
| | | width: 242rpx; |
| | | flex-shrink: 0; |
| | | margin-bottom: 32rpx; |
| | | &:nth-last-child(1){ |
| | | margin-right: auto; |
| | | } |
| | | .img_wrap { |
| | | width: 242rpx; |
| | | border-radius: 8rpx; |
| | |
| | | }, |
| | | videoClick(e) { |
| | | const { videourl } = e.currentTarget.dataset |
| | | wx.previewMedia({ |
| | | sources: [{ url: videourl, type: 'video' }] |
| | | }) |
| | | let videoPlay = this.selectComponent('.videoPlay'); |
| | | if(videoPlay){ |
| | | videoPlay.startPlayVideo(videourl,this ); |
| | | } |
| | | }, |
| | | priviewFull(e){ |
| | | const item = e.currentTarget.dataset.item |
| | |
| | | { |
| | | "component": true, |
| | | "usingComponents": {} |
| | | "usingComponents": { |
| | | "videoPlay": "/components/videoPlay/index" |
| | | } |
| | | } |
| | |
| | | .item { |
| | | width: 324rpx; |
| | | margin-bottom: 32rpx; |
| | | |
| | | &:nth-last-child(1){ |
| | | margin-right: auto; |
| | | } |
| | | .img_wrap { |
| | | width: 100%; |
| | | height: 182rpx; |
| | |
| | | </view> |
| | | </view> |
| | | |
| | | |
| | | <videoPlay class="videoPlay"/> |
| | | </view> |
| | |
| | | left: 0; |
| | | width: 100%; |
| | | height: 100%; |
| | | background-color: rgba(0, 0, 0, 0.2); |
| | | background-color: rgba(0, 0, 0, 0.5); |
| | | z-index: 9999; |
| | | } |
| | | .video_content .video{ |
| | | position: fixed; |
| | | border-radius: 8rpx; |
| | | top: 50%; |
| | | left: 75rpx; |
| | | transform: translate(0, -50%); |
| | | width: 600rpx; |
| | | top: 40%; |
| | | left: 0; |
| | | width: 750rpx; |
| | | z-index: 10000; |
| | | } |
| | | video{ |
| | | width: 750rpx; |
| | | } |
| | |
| | | margin-bottom: 16rpx; |
| | | } |
| | | .desc { |
| | | line-height: 40rpx; |
| | | font-size: 26rpx; |
| | | color: #555555; |
| | | margin-bottom: 26rpx; |
| | |
| | | </swiper-item> |
| | | </block> |
| | | </swiper> |
| | | <view class="indicator">{{current}}/{{info.bannerImgList.length}}</view> |
| | | <view class="indicator">{{current + 1}}/{{info.bannerImgList.length}}</view> |
| | | </view> |
| | | <view class="main_content"> |
| | | <view class="title">{{ info.title }}</view> |
| | |
| | | data: { |
| | | bottomLift: 0, |
| | | checkAll: false, |
| | | enjoyList: [] |
| | | enjoyList: [], |
| | | leftIcon: '<<', |
| | | rightIcon: '>>', |
| | | }, |
| | | |
| | | /** |
| | |
| | | position: fixed; |
| | | border-radius: 8rpx; |
| | | top: 50%; |
| | | left: 75rpx; |
| | | left: 95rpx; |
| | | transform: translate(0, -50%); |
| | | width: 600rpx; |
| | | width: 560rpx; |
| | | background-color: rgba(0, 0, 0, .2); |
| | | z-index: 99999; |
| | | .img1{ |
| | | image{ |
| | | width: 600rpx; |
| | | width: 560rpx; |
| | | border-radius: 8rpx ; |
| | | } |
| | | } |
| | | .content{ |
| | | width: 600rpx; |
| | | height: 308rpx; |
| | | padding: 26rpx 0 40rpx; |
| | | width: 560rpx; |
| | | padding: 24rpx 0 16rpx; |
| | | background: rgba(255,255,255,0.8); |
| | | border-radius: 16rpx; |
| | | margin-top: 24rpx; |
| | | text-align: center; |
| | | .title{ |
| | | font-weight: 500; |
| | | font-size: 30rpx; |
| | | margin-bottom: 20rpx; |
| | | font-size: 28rpx; |
| | | margin-bottom: 12rpx; |
| | | } |
| | | .line{ |
| | | font-size: 26rpx; |
| | | font-size: 24rpx; |
| | | color: #333333; |
| | | line-height: 36rpx; |
| | | line-height: 28rpx; |
| | | } |
| | | } |
| | | .btns{ |
| | | margin-top: 30rpx; |
| | | margin-top: 24rpx; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | width: 100%; |
| | | .btn{ |
| | | width: 160rpx; |
| | | height: 88rpx; |
| | | height: 72rpx; |
| | | border-radius: 8rpx; |
| | | border: 2rpx solid #FFFFFF; |
| | | display: flex; |
| | |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | display: -webkit-box; |
| | | -webkit-line-clamp: 2; |
| | | white-space: break-spaces; |
| | | -webkit-line-clamp: 2; |
| | | -webkit-box-orient: vertical; |
| | | word-break: break-word; |
| | | } |
| | | .date_item .line .content .time { |
| | | font-size: 24rpx; |
| | |
| | | position: fixed; |
| | | border-radius: 8rpx; |
| | | top: 50%; |
| | | left: 75rpx; |
| | | left: 95rpx; |
| | | transform: translate(0, -50%); |
| | | width: 600rpx; |
| | | width: 560rpx; |
| | | background-color: rgba(0, 0, 0, 0.2); |
| | | z-index: 99999; |
| | | } |
| | | .card_wrap .img1 image { |
| | | width: 600rpx; |
| | | width: 560rpx; |
| | | border-radius: 8rpx ; |
| | | } |
| | | .card_wrap .content { |
| | | width: 600rpx; |
| | | height: 308rpx; |
| | | padding: 26rpx 0 40rpx; |
| | | width: 560rpx; |
| | | padding: 24rpx 0 16rpx; |
| | | background: rgba(255, 255, 255, 0.8); |
| | | border-radius: 16rpx; |
| | | margin-top: 24rpx; |
| | |
| | | } |
| | | .card_wrap .content .title { |
| | | font-weight: 500; |
| | | font-size: 30rpx; |
| | | margin-bottom: 20rpx; |
| | | font-size: 28rpx; |
| | | margin-bottom: 12rpx; |
| | | } |
| | | .card_wrap .content .line { |
| | | font-size: 26rpx; |
| | | font-size: 24rpx; |
| | | color: #333333; |
| | | line-height: 36rpx; |
| | | line-height: 28rpx; |
| | | } |
| | | .card_wrap .btns { |
| | | margin-top: 30rpx; |
| | | margin-top: 24rpx; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | width: 100%; |
| | | } |
| | | .card_wrap .btns .btn { |
| | | width: 160rpx; |
| | | height: 88rpx; |
| | | height: 72rpx; |
| | | border-radius: 8rpx; |
| | | border: 2rpx solid #FFFFFF; |
| | | display: flex; |
| | |
| | | background: #F7F7F7; |
| | | border-radius: 8rpx; |
| | | padding: 34rpx 40rpx 40rpx; |
| | | |
| | | margin-bottom: 40rpx; |
| | | .time { |
| | | font-weight: 500; |
| | | font-size: 30rpx; |
| | |
| | | background: #F7F7F7; |
| | | border-radius: 8rpx; |
| | | padding: 34rpx 40rpx 40rpx; |
| | | margin-bottom: 40rpx; |
| | | } |
| | | .content .time { |
| | | font-weight: 500; |
| | |
| | | position: fixed; |
| | | border-radius: 8rpx; |
| | | top: 50%; |
| | | left: 75rpx; |
| | | left: 95rpx; |
| | | transform: translate(0, -50%); |
| | | width: 600rpx; |
| | | width: 560rpx; |
| | | background-color: rgba(0, 0, 0, .2); |
| | | z-index: 999; |
| | | z-index: 99999; |
| | | .img1{ |
| | | image{ |
| | | width: 600rpx; |
| | | width: 560rpx; |
| | | border-radius: 8rpx ; |
| | | } |
| | | } |
| | | .content{ |
| | | width: 560rpx; |
| | | padding: 24rpx 0 16rpx; |
| | | background: rgba(255,255,255,0.8); |
| | | border-radius: 16rpx; |
| | | margin-top: 24rpx; |
| | | text-align: center; |
| | | .title{ |
| | | font-weight: 500; |
| | | font-size: 28rpx; |
| | | margin-bottom: 12rpx; |
| | | } |
| | | .line{ |
| | | font-size: 24rpx; |
| | | color: #333333; |
| | | line-height: 28rpx; |
| | | } |
| | | } |
| | | .btns{ |
| | | margin-top: 30rpx; |
| | | margin-top: 24rpx; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | width: 100%; |
| | | .btn{ |
| | | width: 290rpx; |
| | | height: 88rpx; |
| | | width: 160rpx; |
| | | height: 72rpx; |
| | | border-radius: 8rpx; |
| | | border: 2rpx solid #FFFFFF; |
| | | display: flex; |
| | |
| | | color: #fff; |
| | | } |
| | | .save{ |
| | | width: 420rpx; |
| | | margin-left: 20rpx; |
| | | border: none; |
| | | background: linear-gradient( 180deg, #E0B49C 0%, #B68B74 100%); |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | font-size: 40rpx; |
| | | display: flex; |
| | | } |
| | | |
| | | .guide .title { |
| | | font-weight: 500; |
| | | font-size: 32rpx; |
| | |
| | | color: #999999; |
| | | text-align: center; |
| | | } |
| | | |
| | | .card_wrap { |
| | | position: fixed; |
| | | border-radius: 8rpx; |
| | | top: 50%; |
| | | left: 75rpx; |
| | | left: 95rpx; |
| | | transform: translate(0, -50%); |
| | | width: 600rpx; |
| | | width: 560rpx; |
| | | background-color: rgba(0, 0, 0, 0.2); |
| | | z-index: 999; |
| | | z-index: 99999; |
| | | } |
| | | .card_wrap .img1 image { |
| | | width: 600rpx; |
| | | width: 560rpx; |
| | | border-radius: 8rpx ; |
| | | } |
| | | .card_wrap .content { |
| | | width: 560rpx; |
| | | padding: 24rpx 0 16rpx; |
| | | background: rgba(255, 255, 255, 0.8); |
| | | border-radius: 16rpx; |
| | | margin-top: 24rpx; |
| | | text-align: center; |
| | | } |
| | | .card_wrap .content .title { |
| | | font-weight: 500; |
| | | font-size: 28rpx; |
| | | margin-bottom: 12rpx; |
| | | } |
| | | .card_wrap .content .line { |
| | | font-size: 24rpx; |
| | | color: #333333; |
| | | line-height: 28rpx; |
| | | } |
| | | .card_wrap .btns { |
| | | margin-top: 30rpx; |
| | | margin-top: 24rpx; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | width: 100%; |
| | | } |
| | | .card_wrap .btns .btn { |
| | | width: 290rpx; |
| | | height: 88rpx; |
| | | width: 160rpx; |
| | | height: 72rpx; |
| | | border-radius: 8rpx; |
| | | border: 2rpx solid #FFFFFF; |
| | | display: flex; |
| | |
| | | color: #fff; |
| | | } |
| | | .card_wrap .btns .save { |
| | | width: 420rpx; |
| | | margin-left: 20rpx; |
| | | border: none; |
| | | background: linear-gradient(180deg, #E0B49C 0%, #B68B74 100%); |
| | | } |
| | | } |
| | |
| | | import { baseUrl } from "./config" |
| | | export function request(options){ |
| | | import { baseUrl } from "./config" |
| | | let number = 0 |
| | | export function request(options) { |
| | | let loading = options.loading || '1' // é»è®¤å¼1æ¾ç¤ºï¼å¦å䏿¾ç¤º |
| | | if(loading == '1'){ |
| | | if (loading == '1') { |
| | | wx.showLoading() |
| | | number++ |
| | | } |
| | | return new Promise(resolve => { |
| | | wx.request({ |
| | |
| | | if (res.data.code === 200) { |
| | | resolve(res.data || true) |
| | | } else { |
| | | if(res.data.code && (res.data.code == 5112 || res.data.code == 5111)){ |
| | | if (res.data.code && (res.data.code == 5112 || res.data.code == 5111)) { |
| | | wx.navigateTo({ |
| | | url: '/pages/login/index', |
| | | }) |
| | |
| | | } |
| | | }, |
| | | fail(err) { |
| | | console.log('err', err); |
| | | console.log('err', err) |
| | | err.message && wx.showToast({ |
| | | title: err.message || 'åçé误', |
| | | icon: 'none' |
| | | }) |
| | | }, |
| | | complete() { |
| | | if(loading == '1'){ |
| | | wx.hideLoading() |
| | | if (loading == '1') { |
| | | number-- |
| | | if (number == 0) { |
| | | wx.hideLoading() |
| | | } |
| | | } |
| | | } |
| | | }) |
| | | } ) |
| | | }) |
| | | } |
| | | |