yurong/unpackage/dist/dev/mp-weixin/pageOne/indexs/detail.wxml

1 line
4.2 KiB
Plaintext

<view><view class="w100 h-684"><swiper class="w100 h-684" interval="{{3000}}" duration="{{1000}}" circular="{{true}}" autoplay="{{true}}"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item class="w100 h100 rows rowsc"><image class="w100 h-684" src="{{item.g0}}" mode="aspectFill"></image></swiper-item></block></swiper></view><view class="w100 p-all-20 bgff rows rowsl"><view class="rows rowsm col fw-b"><text class="fs-28">¥</text><text class="fs-48">{{detail.price||0}}</text></view><view class="two_overflow mt-20 fs-32 col333 fw-b">{{''+(detail.name||'')+''}}</view><text class="fs-24 col666 mt-14">{{"销量:"+(detail.sales||0)}}</text></view><view class="w100 mt-20 bgff"><view class="w100 h-88 rows rowsc rowsm"><text class="fw-b fs-30 col333 d-block h-80 rows rowsm pl-30 pr-30">商品详情</text></view><u-parse vue-id="5cc414bd-1" html="{{detail.content}}" imageProp="{{imageProp}}" bind:__l="__l"></u-parse></view><view class="w100 h-190"></view><view class="w100 rows bgff fixed h-150 pt-22 pl-20 pr-20" style="bottom:0;"><view class="rows rowsa w-220"><button class="rows rowsl rowsm" style="background-color:transparent;padding:0;margin:0;" open-type="share"><image class="w-40 h-40" src="/static/images/hg.png" mode></image><text class="fs-24 col333" style="margin-top:-5rpx;">分享</text></button><view data-event-opts="{{[['tap',[['goshop',['$event']]]]]}}" class="rows rowsl rowsm" bindtap="__e"><image class="w-40 h-40" src="/static/images/yt.png" mode></image><text class="fs-24 col333 mt-10">购物车</text></view><view data-event-opts="{{[['tap',[['like',['$event']]]]]}}" class="rows rowsl rowsm" bindtap="__e"><image class="w-40 h-40" src="{{detail.like==0?'/static/images/01qer.png':'/static/images/01qsdfgd.png'}}" mode></image><text class="fs-24 col333 mt-10">{{detail.like==0?'收藏':'已收藏'}}</text></view></view><view class="rows w100 rowse"><view data-event-opts="{{[['tap',[['open',['$event']]]]]}}" class="w-240 h-76 br-100 rows rowsc rowsm" style="border-radius:40rpx 0 0 40rpx;border:2rpx solid #E73232;" bindtap="__e"><text class="col fs-28">加入购物车</text></view><view data-event-opts="{{[['tap',[['open',['$event']]]]]}}" class="w-240 h-76 br-100 bg rows rowsc rowsm" style="border-radius:0 40rpx 40rpx 0;" bindtap="__e"><text class="colfff fs-28">立即购买</text></view></view></view><uni-popup class="vue-ref" vue-id="5cc414bd-2" type="bottom" is-mask-click="{{true}}" safe-area="{{false}}" data-ref="popup" bind:__l="__l" vue-slots="{{['default']}}"><view class="w100 p-all-24 bgff" style="border-radius:20rpx 20rpx 0 0;"><view class="w100 rows"><image class="w-156 h-156 br-16 mr-20" src="{{$root.g1}}" mode="aspectFill"></image><view class="w100 h-156 rows rowsl rowsb"><text class="fs-30 fw-b">{{detail.name||''}}</text><view class="rows rowsm"><text class="fs-22 fw-b" style="color:#CF2D22;">{{"¥"+(detail.spec[select].price||0)}}</text></view></view></view><view class="w100 rows rowsc mt-30"><view class="w-710 rows rowsl pl-20 pr-20"><text class="fs-28 fw-b col333">规格</text><view class="w100 rows rowsw"><block wx:for="{{detail.spec}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['onSel',[index]]]]]}}" class="{{['rows','rowsc','rowsm','br-100','pr-20','pl-20','h-60','mr-20','mt-20',select==index?'plus':'plus1']}}" bindtap="__e">{{''+item.name+''}}</view></block></view></view></view><view class="w100 rows rowsc mt-30"><view class="w-710 h-52 rows rowsm pl-20 pr-20 rowsb"><text class="fs-28 fw-b col333">数量</text><lxc-count-style vue-id="{{('5cc414bd-3')+','+('5cc414bd-2')}}" min="{{min}}" value="{{nums}}" data-event-opts="{{[['^handleCount',[['handleCount',['$event']]]]]}}" bind:handleCount="__e" bind:__l="__l"></lxc-count-style></view></view><view class="rows rowsa mt-50"><view data-event-opts="{{[['tap',[['addshopcat',['$event']]]]]}}" class="w-320 h-80 rows rowsm rowsc br-100 fs-30 col" style="border:2rpx solid #E73232;" bindtap="__e">加入购物车</view><view data-event-opts="{{[['tap',[['goConfirm',['$event']]]]]}}" class="w-320 h-88 rows rowsm rowsc br-100 colfff fs-30 bg" bindtap="__e">立即购买</view></view><view class="w100 h-50"></view></view></uni-popup></view>