f3ae5820
 wwk
备份
|
1
|
<view class="container"><swiper class="swiper" autoplay="{{autoplay}}" circular="{{true}}" duration="{{duration}}" indicatorDots="{{indicatorDots}}" interval="{{interval}}"><swiper-item><view class="swiper-item uni-bg-red" style="height:700rpx;"><block wx:for="{{model.banner}}" wx:for-item="item" wx:for-index="index" wx:key="index"><image style="width:100%;height:100%;" mode="aspectFill" src="{{BASE_URL+item.url}}"></image></block></view></swiper-item></swiper><view style="background-color:white;border-radius:20rpx;margin:20rpx;padding:25rpx;"><view style="font-weight:bold;color:red;font-size:45rpx;">{{'￥'+model.startMoneys+'-'+model.endMoneys+''+''}}</view><view style="margin-top:20rpx;font-size:28rpx;">{{''+model.title+''}}</view></view><view data-event-opts="{{[['tap',[['OpenGoods',['$event']]]]]}}" style="background-color:white;border-radius:20rpx;margin:20rpx;padding:25rpx;" bindtap="__e"><view style="display:flex;align-items:center;justify-content:space-between;"><view style="display:flex;align-items:center;font-size:28rpx;"><view style="color:gray;">选择</view><view style="margin-left:20rpx;">请选择规格</view></view><view><image style="width:40rpx;height:40rpx;" src="{{BASE_URL+'/api/File/Image/annexpic/right.png'}}"></image></view></view><view style="display:flex;align-items:center;justify-content:center;margin-top:10rpx;"><block wx:for="{{cardlist}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block wx:if="{{index<2}}"><view style="padding:10rpx 20rpx;color:gray;background-color:#F7F7F7;font-size:27rpx;margin-right:5rpx;">{{''+item.Title+''}}</view></block></block><view style="padding:10rpx 20rpx;color:gray;background-color:#F7F7F7;font-size:27rpx;">{{''+('共'+cardlist.length+'个规格可选')+''}}</view></view></view><view style="background-color:white;border-radius:20rpx;margin:20rpx;padding:25rpx;"><view style="display:flex;align-items:center;justify-content:space-between;"><view>{{'商品评价（'+commenttotal+'）'}}</view><view style="display:flex;align-items:center;color:red;"><view data-event-opts="{{[['tap',[['ShowCommentDetail',['$event']]]]]}}" style="font-size:25rpx;" bindtap="__e">查看全部</view><view><image style="width:30rpx;height:30rpx;margin-top:9rpx;" src="{{BASE_URL+'/api/File/Image/annexpic/redright.png'}}"></image></view></view></view><block wx:for="{{coomentlist}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view><view style="display:flex;align-items:center;justify-content:space-between;margin-top:50rpx;"><view style="display:flex;align-items:center;"><view><image style="width:50rpx;height:50rpx;border-radius:100px;" src="{{item.user!=null?item.user.HeadIcon:''}}"></image></view><view style="margin-left:30rpx;color:gray;font-size:25rpx;">{{''+(''+(item.user&&item.user.RealName)+'')+''}}</view></view><view style="color:gray;font-size:25rpx;">{{''+item.creatorTime+''}}</view></view><view style="font-size:28rpx;margin:20rpx;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;">{{''+(''+item.txt+'')+''}}</view><view style="font-size:25rpx;margin:20rpx;color:gray;">{{item.title}}</view></view></block></view><view style="background-color:white;border-radius:20rpx;margin:20rpx;padding:25rpx;"><view style="width:100%;margin:0 auto;"><image style="width:100%;height:50rpx;" mode="aspectFit" src="{{BASE_URL+'/api/File/Image/annexpic/imagedetail.PNG'}}"></image></view><swiper style="height:300rpx;width:300rpx;margin-top:20rpx;" autoplay="{{autoplay}}" circular="true" duration="{{duration}}" indicatorDots="{{indicatorDots}}" interval="{{interval}}"><swiper-item><view class="swiper-item uni-bg-red" style="background-color:pink;height:300rpx;"><block wx:for="{{model.banner}}" wx:for-item="item" wx:for-index="index" wx:key="index"><image style="width:100%;height:100%;" src="{{BASE_URL+item.url}}"></image></block></view></swiper-item></swiper></view><view style="width:100%;margin-top:20rpx;text-align:center;"><image style="width:280rpx;height:60rpx;text-align:center;" src="{{BASE_URL+'/api/File/Image/annexpic/likeimage.PNG'}}"></image></view><view style="border-radius:20rpx;padding:10rpx;margin-bottom:100rpx;"><view style="display:flex;flex-wrap:wrap;width:100%;"><block wx:if="{{likelist.length==0}}"><view style="width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;"><image style="width:400rpx;height:400rpx;" mode="aspectFit" src="{{BASE_URL+'/api/File/Image/annexpic/nullImg.png'}}"></image><text style="color:gray;font-size:30rpx;">暂无数据</text></view></block><block wx:for="{{likelist}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['RedirectMeansDetail',['$0'],[[['likelist','',index]]]]]]]}}" style="width:45%;background-color:white;margin:5rpx;box-shadow:0 0 1em 0em #CDC7C7;padding:10rpx;border-radius:10px;" bindtap="__e"><view><image style="width:100%;height:290rpx;border-top-left-radius:10px;border-top-right-radius:10px;" src="{{BASE_URL+item.banner[0].url}}"></image></view><view style="font-size:25rpx;">{{item.title}}</view><view style="display:flex;align-items:center;justify-content:space-between;margin-top:5px;"><view style="font-weight:bold;font-size:32rpx;color:red;">{{'￥'+item.startMoneys}}</view><view><image style="width:50rpx;height:50rpx;" src="{{BASE_URL+'/api/File/Image/annexpic/shop.png'}}"></image></view></view></view></block></view></view><uni-popup class="vue-ref" style="margin:0px !important;" vue-id="57302e6d-1" data-ref="goodspopup" bind:__l="__l" vue-slots="{{['default']}}"><view style="background-color:white;border-radius:20rpx;padding:20rpx;"><view style="display:flex;justify-content:space-between;padding-bottom:20rpx;border-bottom:1px solid #e0e0e0;"><view style="display:flex;align-items:center;"><view><image style="width:120rpx;height:120rpx;" src="{{BASE_URL+model.banner[0].url}}"></image></view><view style="margin-left:20rpx;"><view style="font-weight:bold;font-size:35rpx;color:red;">{{'￥'+moneys}}</view><view style="color:gray;font-size:25rpx;"></view></view></view><view><image style="width:50rpx;height:50rpx;" src="{{BASE_URL+'/api/File/Image/annexpic/dels.png'}}" data-event-opts="{{[['tap',[['ClosePopup',['$event']]]]]}}" bindtap="__e"></image></view></view><view><view style="font-size:28rpx;color:gray;padding:20rpx;">规格</view><view style="display:flex;align-items:center;flex-wrap:wrap;font-size:25rpx;"><block wx:for="{{cardlist}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['CurrentChange',['$0',index],[[['cardlist','',index]]]]]]]}}" class="{{[currentIndex==index?'checked':'']}}" style="background-color:#F7F7F7;padding:10rpx 25rpx;border-radius:10rpx;margin:20rpx;" bindtap="__e">{{''+item.Title+''}}</view></block></view></view><view style="padding:20rpx;display:flex;align-items:center;justify-content:space-between;padding-bottom:20rpx;border-bottom:1px solid #e0e0e0;"><view>数量</view><view style="display:flex;align-items:center;"><view data-event-opts="{{[['tap',[['Reduce',['$event']]]]]}}" style="background-color:#F7F7F7;width:50rpx;height:50rpx;padding:10rpx;text-align:center;display:flex;align-items:center;justify-content:center;" bindtap="__e"><image style="width:30rpx;height:30rpx;" src="{{BASE_URL+'/api/File/Image/annexpic/jian.png'}}"></image></view><view style="display:flex;align-items:center;justify-content:center;background-color:#F7F7F7;width:80rpx;height:50rpx;padding:10rpx;text-align:center;margin:0px 5rpx 0px 5rpx;color:#CDC7C7;">{{''+(''+number+'')+''}}</view><view data-event-opts="{{[['tap',[['Add',['$event']]]]]}}" style="background-color:#F7F7F7;width:50rpx;height:50rpx;padding:10rpx;text-align:center;display:flex;align-items:center;justify-content:center;" bindtap="__e"><image style="width:35rpx;height:35rpx;" src="{{BASE_URL+'/api/File/Image/annexpic/jia.png'}}"></image></view></view></view><view style="margin-top:20rpx;"><view style="display:flex;align-items:center;justify-content:space-between;width:100%;"><view data-event-opts="{{[['tap',[['ConfirmShop',['$event']]]]]}}" style="background-color:#F6B241;padding:20rpx 30rpx 20rpx 30rpx;width:40%;border-radius:20rpx;text-align:center;color:white;font-weight:bold;font-size:28rpx;" bindtap="__e">加入购物车</view><view data-event-opts="{{[['tap',[['ConfirmOrder',['$event']]]]]}}" style="background-color:#FF6E6D;padding:20rpx 30rpx 20rpx 30rpx;width:40%;border-radius:20rpx;text-align:center;font-weight:bold;color:white;font-size:28rpx;" bindtap="__e">立即购买</view></view></view></view></uni-popup><view style="background-color:white;position:fixed;bottom:0px;width:100%;height:60rpx;padding:20rpx;display:flex;align-items:center;justify-content:space-around;"><view data-event-opts="{{[['tap',[['RedirectIndex',['$event']]]]]}}" style="width:10%;text-align:center;" bindtap="__e"><view style="text-align:center;"><image style="width:28rpx;height:28rpx;" mode="aspectFit" src="{{BASE_URL+'/api/File/Image/annexpic/house.png'}}"></image></view><view style="font-size:20rpx;color:gray;">首页</view></view><view style="width:10%;text-align:center;"><view style="text-align:center;display:flex;align-items:center;justify-content:center;"><button style="padding:0px;margin:0px;height:45rpx;display:flex;align-items:center;border:0px;" openType="contact" plain="true" type="default"><image style="width:25rpx;height:25rpx;" mode="aspectFit" src="{{BASE_URL+'/api/File/Image/annexpic/message.png'}}"></image></button></view><view style="font-size:20rpx;color:gray;">客服</view></view><view data-event-opts="{{[['tap',[['ChangeCollect',['$event']]]]]}}" style="width:10%;text-align:center;" bindtap="__e"><view style="text-align:center;"><block wx:if="{{isshow}}"><image style="width:40rpx;height:40rpx;" mode="aspectFit" src="{{BASE_URL+'/api/File/Image/annexpic/yesaixin.png'}}"></image></block><block wx:else><image style="width:28rpx;height:28rpx;" mode="aspectFit" src="{{BASE_URL+'/api/File/Image/annexpic/noaixin.png'}}"></image></block></view><view style="font-size:20rpx;color:gray;">收藏</view></view><view style="display:flex;align-items:center;font-size:20rpx;width:70%;margin-left:30rpx;"><view data-event-opts="{{[['tap',[['JoinGWC',['$event']]]]]}}" style="border-bottom-left-radius:20rpx;border-top-left-radius:20rpx;padding:10rpx;color:white;background-color:#F6B241;width:40%;height:40rpx;line-height:40rpx;text-align:center;" bindtap="__e">加入购物车</view><view data-event-opts="{{[['tap',[['Buy',['$event']]]]]}}" style="border-bottom-right-radius:20rpx;border-top-right-radius:20rpx;padding:10rpx;color:white;background-color:#FF6E6D;width:40%;height:40rpx;line-height:40rpx;text-align:center;" bindtap="__e">立即购买</view></view></view><view style="position:fixed;bottom:150px;right:20px;"><block wx:if="{{ShopStock>0}}"><uni-badge vue-id="57302e6d-2" size="small" text="{{ShopStock}}" type="success" absolute="rightTop" bind:__l="__l" vue-slots="{{['default']}}"><view data-event-opts="{{[['tap',[['RedirectShop',['$event']]]]]}}" style="background-color:white;border-radius:50px;text-align:center;padding:10rpx;box-shadow:0px -10px 20px -5px #FD96E6;" bindtap="__e"><image style="width:45rpx;height:45rpx;border-radius:50px;" mode="aspectFill" src="{{BASE_URL+'/api/File/Image/annexpic/shopimg.png'}}"></image></view></uni-badge></block><block wx:else><view data-event-opts="{{[['tap',[['RedirectShop',['$event']]]]]}}" style="background-color:white;border-radius:50px;text-align:center;padding:10rpx;box-shadow:0px -10px 20px -5px #FD96E6;" bindtap="__e"><image style="width:45rpx;height:45rpx;border-radius:50px;" mode="aspectFill" src="{{BASE_URL+'/api/File/Image/annexpic/shopimg.png'}}"></image></view></block></view></view>
|
