You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
huazhiyu/unpackage/dist/dev/mp-weixin/pages/GoodsDetails/GoodsDetails.wxml

1 lines
6.1 KiB

<view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" bindtap="__e" class="data-v-ac2c40f4"><view class="goods-head data-v-ac2c40f4" style="{{('background:rgba(255,255,255,'+PageScrollTop/100+')')}}"><view data-event-opts="{{[['tap',[['onBack',['$event']]]]]}}" class="back data-v-ac2c40f4" bindtap="__e"><view class="{{['back-one','data-v-ac2c40f4',(PageScrollTop>120)?'action':'']}}"><text class="data-v-ac2c40f4"></text></view></view><block wx:if="{{PageScrollTop>120}}"><view class="head-tab data-v-ac2c40f4"><view data-event-opts="{{[['tap',[['onTab',[0]]]]]}}" class="{{['tab','data-v-ac2c40f4',(TabShow===0)?'action':'']}}" bindtap="__e"><text class="data-v-ac2c40f4">商品</text><text class="line data-v-ac2c40f4"></text></view><view data-event-opts="{{[['tap',[['onTab',[1]]]]]}}" class="{{['tab','data-v-ac2c40f4',(TabShow===1)?'action':'']}}" bindtap="__e"><text class="data-v-ac2c40f4">评价</text><text class="line data-v-ac2c40f4"></text></view><view data-event-opts="{{[['tap',[['onTab',[2]]]]]}}" class="{{['tab','data-v-ac2c40f4',(TabShow===2)?'action':'']}}" bindtap="__e"><text class="data-v-ac2c40f4">详情</text><text class="line data-v-ac2c40f4"></text></view></view></block></view><view class="banner-title data-v-ac2c40f4"><view class="banner data-v-ac2c40f4"><swiper class="screen-swiper round-dot data-v-ac2c40f4" indicator-dots="true" circular="true" autoplay="true" interval="5000" duration="500"><block wx:for="{{swiperList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item class="data-v-ac2c40f4"><image src="{{item.url}}" mode="aspectFill" class="data-v-ac2c40f4"></image></swiper-item></block></swiper></view><view hidden="{{!(type==0)}}" class="price-info data-v-ac2c40f4"><view class="price data-v-ac2c40f4"><text class="min data-v-ac2c40f4">¥</text><text class="max data-v-ac2c40f4">99</text><text class="min data-v-ac2c40f4">.00</text></view><view class="info data-v-ac2c40f4"><view data-event-opts="{{[['tap',[['onAttention',['$event']]]]]}}" class="list data-v-ac2c40f4" bindtap="__e"><text class="{{['iconfont','data-v-ac2c40f4',AttentionShow===0?'icon-guanzhu-off':'icon-guanzhu-on action']}}"></text><text class="data-v-ac2c40f4">{{AttentionShow===0?'关注':'已关注'}}</text></view></view></view><view hidden="{{!(type==1)}}" class="flash-price data-v-ac2c40f4"><view class="price-item data-v-ac2c40f4"><view class="icon-item data-v-ac2c40f4"><text class="iconfont icon-flash-sale data-v-ac2c40f4"></text></view><view class="price data-v-ac2c40f4"><view class="current-price data-v-ac2c40f4"><text class="min data-v-ac2c40f4">¥</text><text class="max data-v-ac2c40f4">99</text><text class="min data-v-ac2c40f4">.00</text></view><view class="original-price data-v-ac2c40f4"><text class="data-v-ac2c40f4">¥149.00</text></view></view><view class="tag data-v-ac2c40f4"><text class="iconfont icon-flash-naozhong data-v-ac2c40f4"></text></view></view><view class="time-item data-v-ac2c40f4"><view class="title data-v-ac2c40f4"><text class="data-v-ac2c40f4">距结束还剩:</text></view><view class="time data-v-ac2c40f4"><text class="num data-v-ac2c40f4">02</text><text class="dot data-v-ac2c40f4">:</text><text class="num data-v-ac2c40f4">46</text><text class="dot data-v-ac2c40f4">:</text><text class="num data-v-ac2c40f4">52</text></view></view></view><view class="goods-title data-v-ac2c40f4"><text class="data-v-ac2c40f4">珠宝玉石</text></view></view><view data-ref="evaluate" class="evaluate-data data-v-ac2c40f4 vue-ref"><view data-event-opts="{{[['tap',[['onEvaluate',['$event']]]]]}}" class="title-more data-v-ac2c40f4" bindtap="__e"><view class="title data-v-ac2c40f4"><text class="data-v-ac2c40f4">评价</text><text class="num data-v-ac2c40f4">1</text></view><view class="more data-v-ac2c40f4"><text class="iconfont icon-more data-v-ac2c40f4"></text></view></view><view class="evaluate-list data-v-ac2c40f4"><view class="user-info data-v-ac2c40f4"><view class="thumb data-v-ac2c40f4"><image src="/static/img/user_pic.jpg" mode="aspectFill" class="data-v-ac2c40f4"></image></view><view class="nickname-grade data-v-ac2c40f4"><view class="nickname data-v-ac2c40f4"><text class="data-v-ac2c40f4">爱笑的汤姆</text></view><view class="grade data-v-ac2c40f4"><text class="cuIcon-favorfill lg text-gray data-v-ac2c40f4"></text></view></view></view><view class="content data-v-ac2c40f4"><view class="character data-v-ac2c40f4"><text class="two-omit data-v-ac2c40f4">非常好</text></view><view class="thumb-list data-v-ac2c40f4"><view class="list data-v-ac2c40f4"><image src="{{swiperList[0].url}}" mode="aspectFill" class="data-v-ac2c40f4"></image></view></view></view><view data-event-opts="{{[['tap',[['onEvaluate',['$event']]]]]}}" class="look-all data-v-ac2c40f4" bindtap="__e"><text class="data-v-ac2c40f4">查看全部评价</text></view></view></view><view data-ref="products" class="products-introduction data-v-ac2c40f4 vue-ref" style="text-align:center;"><view class="title data-v-ac2c40f4"><text class="data-v-ac2c40f4">图文详情</text></view><view style="background:#ffffff;padding-top:10px;" class="data-v-ac2c40f4"><image src="{{swiperList[0].url}}" mode="heightFix" class="data-v-ac2c40f4"></image></view></view><view class="page-footer data-v-ac2c40f4"><view class="footer-fn data-v-ac2c40f4"><view data-event-opts="{{[['tap',[['onToCart',['$event']]]]]}}" class="list data-v-ac2c40f4" bindtap="__e"><text class="iconfont icon-cart data-v-ac2c40f4"></text><text class="data-v-ac2c40f4">购物车</text></view></view><view class="footer-buy data-v-ac2c40f4"><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="cart-add data-v-ac2c40f4" bindtap="__e"><text class="data-v-ac2c40f4">加入购物车</text></view><view data-event-opts="{{[['tap',[['e2',['$event']]]]]}}" class="buy-at data-v-ac2c40f4" bindtap="__e"><text class="data-v-ac2c40f4">立即购买</text></view></view></view><goods-serve vue-id="d95adb80-1" data-ref="GoodsServe" class="data-v-ac2c40f4 vue-ref" bind:__l="__l"></goods-serve><goods-coupon vue-id="d95adb80-2" data-ref="GoodsCoupon" class="data-v-ac2c40f4 vue-ref" bind:__l="__l"></goods-coupon><goods-attr vue-id="d95adb80-3" data-ref="GoodsAttr" class="data-v-ac2c40f4 vue-ref" bind:__l="__l"></goods-attr></view>