Files
Smart-Farm/front/shop/pages/detail.wxml
2025-12-22 17:13:05 +08:00

1 line
13 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<block wx:if="{{detail.id}}"><view class="shop-detail"><banner vue-id="39b0b68f-1" list="{{detail.imgs}}" margin="{{0}}" autoplay="{{true}}" borderRadius="{{0}}" height="{{750}}" indicatorActiveColor="{{primaryColor}}" indicatorType="number" bind:__l="__l"></banner><block wx:if="{{currentSpecs.id&&currentSpecs.kill_atv&&currentSpecs.kill_atv.id||detail.kill_list&&detail.kill_list.id}}"><view class="seckill-info rel mb-md"><image class="seckill-img abs" mode="aspectFill" src="/static/image/shop/seckill.png"></image><block wx:if="{{currentSpecs.kill_atv.id?currentSpecs.kill_atv.atv_status==1:detail.kill_list.atv_status==1}}"><view class="seckill-btn abs flex-center f-desc text-bold radius" style="{{'color:'+(primaryColor)+';'}}">即将开抢</view></block><block wx:if="{{detail.kill_list.atv_status==2}}"><view class="seckill-count abs"><min-countdown vue-id="39b0b68f-2" type="{{3}}" targetTime="{{detail.kill_list.end_time*1000}}" color="{{primaryColor}}" textColor="#fff" className="sm" data-event-opts="{{[['^callback',[['countEnd']]]]}}" bind:callback="__e" bind:__l="__l"></min-countdown></view></block><view class="seckill-content flex-between f-icontext c-base abs"><view><view class="flex-y-center">秒杀价<view class="flex-y-baseline ml-sm">¥<view class="f-lg-title">{{''+(currentSpecs.kill_atv.id?currentSpecs.kill_atv.price:detail.kill_list.price)+''}}</view></view></view><view>{{"即将恢复\n\t\t\t\t\t¥"+(currentSpecs.kill_atv.id?currentSpecs.kill_atv.init_price:detail.kill_list.init_price)+''}}</view></view><view class="flex-center flex-column"><view class="f-caption">{{''+(currentSpecs.kill_atv.id?currentSpecs.kill_atv.stock:detail.kill_list.stock)+''}}</view><view>仅剩(件)</view></view></view></view></block><view class="pd-lg fill-base"><view class="flex-center"><view class="rel flex-1"><block wx:if="{{currentSpecs.id&&currentSpecs.kill_atv&&currentSpecs.kill_atv.id||detail.kill_list&&detail.kill_list.id}}"><view class="reduce-info abs flex-center pr-sm f-caption c-base" style="{{'background:'+(primaryColor)+';'}}"><view class="reduce-tag abs flex-center pr-sm f-icontext" style="{{'color:'+(primaryColor)+';'}}">限时直降</view>{{'¥'+(currentSpecs.kill_atv.id?currentSpecs.kill_atv.reduce_price:detail.kill_list.reduce_price)+''}}</view></block><view class="max-600"><view class="f-sm-title c-title" style="{{'text-indent:'+(currentSpecs.id&&currentSpecs.kill_atv&&currentSpecs.kill_atv.id||detail.kill_list&&detail.kill_list.id?seckillWidth+'px':'')+';'}}">{{''+detail.goods_name+''}}</view></view></view><button class="clear-btn flex-center flex-column" open-type="share"><view class="iconfont icon-share c-title _i"></view><view class="f-caption c-title">分享</view></button></view><view class="flex-between f-caption c-caption mt-sm"><view class="flex-y-baseline f-lg-title c-warning"><block wx:if="{{currentSpecs.id}}"><block><block wx:if="{{currentSpecs.integral_atv.id}}"><view class="flex-y-baseline mt-sm"><view class="f-title c-warning">{{''+(currentSpecs.integral_atv.price*1>0?currentSpecs.integral_atv.integral+'积分+'+currentSpecs.integral_atv.price+'元':currentSpecs.integral_atv.integral+'积分')+''}}</view><view class="f-caption c-caption text-delete ml-sm">{{"商城价 ¥"+currentSpecs.price+''}}</view></view></block><block wx:else><block>{{'¥'+currentSpecs.price+''}}<view class="f-desc c-caption text-delete ml-sm">{{"¥"+currentSpecs.original_price+''}}</view></block></block></block></block><block wx:else><block>{{"¥"+detail.show_price+''}}<view class="f-desc c-caption text-delete ml-sm">{{"¥"+detail.show_init_price+''}}</view></block></block></view><view>{{"已销售:"+detail.sale_num+''}}</view></view></view><block wx:if="{{list.all_count>0}}"><block><view class="mt-md pt-sm pl-lg pr-lg fill-base f-paragraph c-title"><view class="common-nav-title flex-center c-title"><view class="common-line" style="{{'background:'+(primaryColor)+';'}}"></view><view class="flex-1 flex-between"><view class="f-title text-bold">{{"评价("+list.all_count+""}}</view><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="flex-y-center f-paragraph c-caption" catchtap="__e"><view>查看全部</view><view class="iconfont icon-right _i" style="font-size:28rpx;"></view></view></view></view></view><block wx:for="{{$root.l1}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block><block wx:if="{{index<2}}"><view class="{{['flex-warp','fill-base','pd-lg',[(index!=0)?'b-1px-t':'']]}}"><image class="avatar sm radius" mode="aspectFill" lazy-load="{{true}}" src="{{item.$orig.user_info.avatarUrl}}"></image><view class="flex-1 ml-lg"><view class="flex-between"><view class="f-paragraph c-title max-350 ellipsis">{{item.$orig.user_info.nickName}}</view><view class="f-icontext c-caption">{{item.$orig.create_time}}</view></view><view class="flex-warp"><block wx:for="{{5}}" wx:for-item="aitem" wx:for-index="aindex" wx:key="aindex"><view class="iconfont icon-star-fill icon-font-color mr-sm _i" style="{{'background-image:'+(aindex<item.$orig.star?'-webkit-linear-gradient(90deg, #FDCD47, #FFC000)':'-webkit-linear-gradient(90deg, #eee, #eee)')+';'}}"></view></block></view><view class="f-caption c-desc mt-md"><text style="word-break:break-all;" decode="emsp">{{item.$orig.text||'该用户没有填写评价哦'}}</text></view><block wx:if="{{item.g0}}"><view class="flex-warp mt-md"><block wx:for="{{item.l0}}" wx:for-item="aitem" wx:for-index="aindex" wx:key="aindex"><block><block wx:if="{{aindex<3}}"><view class="eva-img sm radius-10 rel"><image class="eva-img sm radius-10" mode="aspectFill" src="{{aitem.$orig}}" data-event-opts="{{[['tap',[['toPreviewImage',[index,aindex]]]]]}}" catchtap="__e"></image><block wx:if="{{aitem.g1}}"><view class="more f-caption c-base abs">{{'+'+(aitem.g2-3)}}</view></block></view></block></block></block></view></block></view></view></block></block></block></block></block><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="store-info flex-center mt-md pd-lg fill-base f-paragraph c-title" bindtap="__e"><image class="cover" mode="aspectFill" src="{{detail.store_info.cover}}"></image><view class="flex-1 flex-between ml-md"><view><view class="flex-y-center mb-sm"><view class="{{['f-sm-title','text-bold','ellipsis',[(detail.store_info.is_admin)?'max-300':''],[(!detail.store_info.is_admin)?'max-400':'']]}}">{{''+detail.store_info.title+''}}</view><block wx:if="{{detail.store_info.is_admin}}"><view class="store-tag flex-center ml-sm f-icontext">平台直营</view></block></view><view class="star-fill-info rel"><view class="flex-warp star rel"><block wx:for="{{5}}" wx:for-item="aitem" wx:for-index="aindex" wx:key="aindex"><view class="item-star flex-center"><view class="iconfont icon-star-bold-fill _i"></view></view></block></view><view class="star-fill abs" style="{{'width:'+(detail.store_info.star_percent)+';'}}"><view class="flex-warp"><block wx:for="{{5}}" wx:for-item="aitem" wx:for-index="aindex" wx:key="aindex"><view class="item-star flex-center"><view class="iconfont icon-star-bold-fill icon-font-color _i" style="{{'background-image:'+('-webkit-linear-gradient(90deg, #FDCD47, #FFC000)')+';'}}"></view></view></block></view></view></view></view><view class="go-btn flex-center f-paragraph" style="{{'color:'+(primaryColor)+';'+('border:'+('1px solid '+primaryColor)+';')}}">进店逛逛</view></view></view><block wx:if="{{detail.text}}"><view class="mt-md pt-sm pl-lg pr-lg pb-lg fill-base f-paragraph c-title"><view class="common-nav-title flex-center c-title"><view class="common-line" style="{{'background:'+(primaryColor)+';'}}"></view><view class="f-title text-bold flex-1">商品详情</view></view><block wx:if="{{detail.text}}"><view class="pt-sm"><parser vue-id="39b0b68f-3" html="{{detail.text}}" show-with-animation="{{true}}" lazy-load="{{true}}" data-event-opts="{{[['^linkpress',[['linkpress']]]]}}" bind:linkpress="__e" bind:__l="__l" vue-slots="{{['default']}}">加载中...</parser></view></block></view></block><view class="space-max-footer"></view><view class="footer-btn fill-base fix"><view class="footer-item flex-between pr-lg"><view class="flex-warp f-caption c-title"><view data-event-opts="{{[['tap',[['e2',['$event']]]]]}}" class="flex-center flex-column pl-lg pr-lg" catchtap="__e"><view class="iconfont icon-home _i"></view><view>首页</view></view><view data-event-opts="{{[['tap',[['e3',['$event']]]]]}}" class="flex-center flex-column pl-md rel" catchtap="__e"><block wx:if="{{shopCarList.car_count}}"><view class="car-count flex-center c-base f-icontext abs" style="{{'width:'+(shopCarList.car_count<10?'30rpx':'50rpx')+';'}}">{{''+(shopCarList.car_count<100?shopCarList.car_count:'99+')+''}}</view></block><view class="iconfont icon-gouwuche _i"></view><view>购物车</view></view></view><view class="flex-warp"><block wx:if="{{detail.kill_list&&detail.kill_list.id}}"><block></block></block><block wx:else><view data-event-opts="{{[['tap',[['toAddOrder',[1]]]]]}}" class="order-btn flex-center f-title c-base text-bold radius" style="{{'color:'+(primaryColor)+';'+('border:'+('1rpx solid '+primaryColor)+';')}}" catchtap="__e">加入购物车</view></block><view data-event-opts="{{[['tap',[['toAddOrder',[detail.kill_list&&detail.kill_list.id&&detail.kill_list.atv_status==2?3:currentSpecs.id&&currentSpecs.integral_atv&&currentSpecs.integral_atv.id?4:2]]]]]}}" class="order-btn flex-center ml-md f-title c-base text-bold radius" style="{{'background:'+(primaryColor)+';'+('border:'+('1rpx solid '+primaryColor)+';')}}" catchtap="__e"><block wx:if="{{detail.kill_list&&detail.kill_list.id&&detail.kill_list.atv_status==2}}"><block>立即抢购</block></block><block wx:else><block wx:if="{{currentSpecs.id&&currentSpecs.integral_atv&&currentSpecs.integral_atv.id}}"><block>积分兑换</block></block><block wx:else><block>立即购买</block></block></block></view></view></view><view class="space-safe"></view></view><uni-popup class="vue-ref" vue-id="39b0b68f-4" type="bottom" data-ref="show_spe_item" bind:__l="__l" vue-slots="{{['default']}}"><view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" class="popup-choose-spe f-paragraph c-desc fill-base radius-top-34" catchtouchmove="__e"><view data-event-opts="{{[['tap',[['e4',['$event']]]]]}}" class="iconfont icon-close c-title abs _i" catchtap="__e"></view><view class="space-lg"></view><view class="flex-center pd-lg"><image class="avatar radius-16" mode="aspectFill" src="{{speImg||detail.cover}}"></image><view class="flex-1 ml-lg f-desc c-warning"><block wx:if="{{currentSpecs.id&&(currentSpecs.kill_atv&&currentSpecs.kill_atv.id||currentSpecs.integral_atv&&currentSpecs.integral_atv.id)}}"><view class="{{[[(currentSpecs.integral_atv.price*1==0)?'flex-y-baseline':'']]}}"><block wx:if="{{currentSpecs.kill_atv.id}}"><view class="flex-y-center c-warning">秒杀价<view class="flex-y-baseline ml-sm">¥<view class="f-lg-title">{{''+currentSpecs.kill_atv.price+''}}</view></view></view></block><block wx:else><view class="f-title c-warning">{{''+(currentSpecs.integral_atv.price*1>0?currentSpecs.integral_atv.integral+'积分+'+currentSpecs.integral_atv.price+'元':currentSpecs.integral_atv.integral+'积分')+''}}</view></block><view class="{{['f-caption','c-caption',[(currentSpecs.integral_atv.price*1==0)?'ml-sm text-delete':'']]}}">{{'商城价 ¥'+currentSpecs.price+''}}</view></view></block><block wx:else><view class="flex-y-baseline">¥<view class="f-lg-title">{{(currentSpecs.id?currentSpecs.price:detail.show_price)+''}}</view><view class="c-caption text-delete ml-sm">{{'¥'+(currentSpecs.id?currentSpecs.original_price:detail.show_init_price)+''}}</view></view></block><view class="f-caption c-title mt-sm">{{"库存:"+(currentSpecs.id?currentSpecs.stock:0)}}</view></view></view><scroll-view class="spe-list" scroll-y="{{true}}"><block wx:for="{{detail.spe_text}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['pd-lg',[(index!=0)?'b-1px-t':'']]}}"><view class="f-desc c-title text-bold">{{item.title}}</view><view class="flex-warp"><block wx:for="{{item.cate}}" wx:for-item="aitem" wx:for-index="aindex" wx:key="aindex"><view data-event-opts="{{[['tap',[['skuClick',['$0',index,aindex],[[['detail.spe_text','',index],['cate','',aindex]]]]]]]}}" class="spe-item flex-center f-icontext c-title mt-md mb-sm mr-lg" style="{{'border-color:'+(!aitem.is_show?'#999':subIndex[index]==aindex?primaryColor:'')+';'+('background:'+(!aitem.is_show?'#999':subIndex[index]==aindex?'#EFEFFF':'')+';')+('color:'+(!aitem.is_show?'#fff':subIndex[index]==aindex?primaryColor:'')+';')}}" catchtap="__e"><block wx:if="{{aitem.is_img===1&&aitem.image}}"><image class="spe-img mr-sm radius-4" mode="aspectFill" src="{{aitem.image}}"></image></block><view style="max-width:510rpx;">{{aitem.title}}</view></view></block></view></view></block></scroll-view><view class="flex-between pd-lg b-1px-t"><view class="f-desc c-title">购买数量</view><view class="add-remove-item flex-center"><block wx:if="{{currentNum}}"><block><view data-event-opts="{{[['tap',[['changeNum',[-1]]]]]}}" class="iconfont icon-remove-circle c-caption _i" catchtap="__e"></view><view class="number flex-center f-desc pl-sm pr-sm">{{currentNum}}</view></block></block><view data-event-opts="{{[['tap',[['changeNum',[1]]]]]}}" class="iconfont icon-add-circle _i" style="{{'color:'+(primaryColor)+';'}}" catchtap="__e"></view></view></view><view class="flex-center pd-lg"><view data-event-opts="{{[['tap',[['toAddCar',['$event']]]]]}}" class="confirm-btn flex-center f-sm-title c-base radius" style="{{'background:'+(primaryColor)+';'}}" bindtap="__e">确定</view></view><view class="space-safe"></view></view></uni-popup></view></block>