1 |
- <view class="container"><scroll-view class="floor-list" style="height:100vh;" scroll-top="{{scrollTop}}" scroll-y="true" refresher-enabled="true" data-event-opts="{{[['scroll',[['scroll',['$event']]]],['scrolltoupper',[['upper',['$event']]]],['scrolltolower',[['lower',['$event']]]]]}}" bindscroll="__e" bindscrolltoupper="__e" bindscrolltolower="__e"><view class="carousel"><swiper indicator-dots circular="true" duration="400"><block wx:for="{{datalist.images}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item class="swiper-item"><view class="image-wrapper"><image class="loaded" src="{{pictureUrl+'/uploads/home/adv/'+item.goodsimage_url}}" mode="aspectFill"></image></view></swiper-item></block></swiper></view><view class="introduce-section"><view class="titleLayout"><view class="title">{{datalist.goods_name}}</view><view data-event-opts="{{[['tap',[['shopDetail',['$event']]]]]}}" style="display:flex;flex-direction:row;" bindtap="__e"><view class="titleRight"><view style="font-size:36rpx;color:#D9332E;text-align:right;">{{datalist.praise+"%"}}</view><view style="color:#606266;font-size:28rpx;">好评率</view></view><view style="display:flex;align-items:center;"><uni-icon vue-id="f6ece68c-1" size="18" type="arrowright" bind:__l="__l"></uni-icon></view></view></view><block wx:if="{{datalist.points>0}}"><view style="color:#909399;padding:10rpx 0 15rpx 0;">{{"购买得"+datalist.points+"圈币"}}</view></block><view class="titleLayout price-box"><view><text class="price-tip">¥</text><text class="price">{{datalist.goods_price}}</text><text class="m-price">{{"¥"+datalist.goods_marketprice}}</text><block wx:if="{{datalist.goods_storage==0}}"><text class="price-tip">已下架</text></block></view><view><text style="color:#909399;">{{"月销售"+datalist.sale_number}}</text></view></view></view><view class="c-list"><view data-event-opts="{{[['tap',[['toggleSpec',['$event']]]]]}}" class="c-row b-b" style="display:flex;justify-content:space-between;" bindtap="__e"><view style="font-size:32rpx;color:#909399;">规则数量选择</view><view><uni-icon vue-id="f6ece68c-2" size="20" type="arrowright" bind:__l="__l"></uni-icon></view></view></view><view data-event-opts="{{[['tap',[['shopDetail',['$event']]]]]}}" class="eva-section" style="border-bottom:20rpx solid #F5F5F5;" bindtap="__e"><view class="c-row b-b" style="display:flex;justify-content:space-between;"><view style="font-size:32rpx;color:#909399;">评价</view><view><uni-icon vue-id="f6ece68c-3" size="20" type="arrowright" bind:__l="__l"></uni-icon></view></view><assess vue-id="f6ece68c-4" bind:__l="__l"></assess></view><view class="detail-desc"><van-tabs bind:click="__e" bind:input="__e" vue-id="f6ece68c-5" value="{{active}}" data-event-opts="{{[['^click',[['onChange']]],['^input',[['__set_model',['','active','$event',[]]]]]]}}" data-com-type="wx" bind:__l="__l" vue-slots="{{['default']}}"><van-tab vue-id="{{('f6ece68c-6')+','+('f6ece68c-5')}}" name="{{0}}" title="详情" data-com-type="wx" bind:__l="__l" vue-slots="{{['default']}}"><view style="padding:0 32rpx;"><rich-text nodes="{{datalist.goods_body}}"></rich-text></view></van-tab><van-tab vue-id="{{('f6ece68c-7')+','+('f6ece68c-5')}}" name="{{1}}" title="常见问题" data-com-type="wx" bind:__l="__l" vue-slots="{{['default']}}"><view style="padding:0 32rpx;"><rich-text nodes="{{datalist.issue}}"></rich-text></view></van-tab></van-tabs></view><view class="page-bottom"><van-goods-action vue-id="f6ece68c-8" data-com-type="wx" bind:__l="__l" vue-slots="{{['default']}}"><van-goods-action-icon vue-id="{{('f6ece68c-9')+','+('f6ece68c-8')}}" icon="bag-o" data-event-opts="{{[['^click',[['goIndex']]]]}}" data-com-type="wx" bind:click="__e" bind:__l="__l"></van-goods-action-icon><van-goods-action-icon vue-id="{{('f6ece68c-10')+','+('f6ece68c-8')}}" icon="cart-o" info="{{cartnumber}}" data-event-opts="{{[['^click',[['openCar']]]]}}" data-com-type="wx" bind:click="__e" bind:__l="__l"></van-goods-action-icon><block wx:if="{{has_collected==0}}"><van-goods-action-icon vue-id="{{('f6ece68c-11')+','+('f6ece68c-8')}}" icon="star-o" data-event-opts="{{[['^click',[['toFavorite']]]]}}" data-com-type="wx" bind:click="__e" bind:__l="__l"></van-goods-action-icon></block><block wx:if="{{has_collected==1}}"><van-goods-action-icon vue-id="{{('f6ece68c-12')+','+('f6ece68c-8')}}" icon="star" icon-class="colored" data-event-opts="{{[['^click',[['toFavorite']]]]}}" data-com-type="wx" bind:click="__e" bind:__l="__l"></van-goods-action-icon></block><van-goods-action-button vue-id="{{('f6ece68c-13')+','+('f6ece68c-8')}}" text="加入购物车" type="warning" data-event-opts="{{[['^click',[['addCar']]]]}}" data-com-type="wx" bind:click="__e" bind:__l="__l"></van-goods-action-button><van-goods-action-button vue-id="{{('f6ece68c-14')+','+('f6ece68c-8')}}" text="立即购买" data-event-opts="{{[['^click',[['buynow']]]]}}" data-com-type="wx" bind:click="__e" bind:__l="__l"></van-goods-action-button></van-goods-action></view><view data-event-opts="{{[['touchmove',[['stopPrevent',['$event']]]],['tap',[['toggleSpec',['$event']]]]]}}" class="{{['popup spec',specClass]}}" catchtouchmove="__e" bindtap="__e"><view class="mask"></view><view data-event-opts="{{[['tap',[['stopPrevent',['$event']]]]]}}" class="layer attr-content" catchtap="__e"><view class="a-t"><image src="{{nuberImg}}"></image><view class="right"><text class="price" style="font-size:36rpx;color:#303133;">{{datalist.goods_price}}</text><block wx:if="{{datalist.spec_list.length>0}}"><view><block wx:if="{{specSelected.length>0}}"><view class="selected"><block wx:for="{{specSelected}}" wx:for-item="sItem" wx:for-index="sIndex" wx:key="sIndex"><text class="selected-text">{{''+sItem.value_name+"X "+shopnumber+''}}</text></block></view></block><block wx:else><view class="selected"><text class="selected-text">请选择规格数量</text></view></block></view></block><block wx:else><view>{{'X '+shopnumber+''}}</view></block></view><view data-event-opts="{{[['tap',[['closeCar',['$event']]]]]}}" style="position:absolute;right:10%;" bindtap="__e"><uni-icon vue-id="f6ece68c-15" size="20" type="close" bind:__l="__l"></uni-icon></view></view><block wx:for="{{datalist.spec_list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="attr-list"><text>{{item.spec_name}}</text><view class="item-list"><block wx:for="{{item.value_list}}" wx:for-item="childItem" wx:for-index="childIndex" wx:key="childIndex"><text data-event-opts="{{[['tap',[['selectSpec',[index,'$0','$1','$2'],[[['datalist.spec_list','',index],['value_list','',childIndex,'value_id']],[['datalist.spec_list','',index],['value_list','',childIndex,'value_name']],[['datalist.spec_list','',index],['value_list','',childIndex,'goods_storage']]]]]]]}}" class="{{['tit',(childItem.selected)?'selected':'',(childItem.goods_storage==0)?'disabled':'']}}" bindtap="__e">{{''+childItem.value_name+''}}</text></block></view></view></block><view class="numberchange"><label class="_span">数量</label><uninumberbox vue-id="f6ece68c-16" max="{{goods_storage}}" min="{{1}}" data-event-opts="{{[['^change',[['changestorage']]]]}}" bind:change="__e" bind:__l="__l"></uninumberbox></view></view></view></scroll-view><logion-dialog vue-id="f6ece68c-17" showdialog="{{showdialog}}" data-event-opts="{{[['^confirmDiaolog',[['confirmDiaolog']]],['^cancelDiaolog',[['cancelDiaolog']]]]}}" bind:confirmDiaolog="__e" bind:cancelDiaolog="__e" bind:__l="__l"></logion-dialog></view>
|