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.
1 lines
8.3 KiB
1 lines
8.3 KiB
<view style="{{$root.s0}}"><view data-event-opts="{{[['tap',[['goRank',['$event']]]]]}}" class="pt-24 pb-24 pl-24" style="{{$root.s1}}" bindtap="__e"><view class="flex-between-center pr-24"><block wx:if="{{titleConfig}}"><text class="fs-32 fw-500">{{titleTxtConfig}}</text></block><block wx:else><image class="w-102 h-32" src="{{titleImg}}"></image></block><text class="fs-24 text--w111-999" style="{{$root.s2}}">{{''+headerBtnText+''}}<text class="iconfont icon-ic_rightarrow fs-24"></text></text></view><block wx:if="{{styleConfig==0}}"><scroll-view class="white-nowrap vertical-middle w-full mt-32" scroll-x="true" show-scrollbar="false"><view class="inline-block mr-20"><view class="rank-card" style="{{$root.s3}}"><view class="fs-28 lh-40rpx fw-600 flex-y-center" style="{{$root.s4}}"><text class="iconfont icon-ic_fire fs-32"></text><text class="pl-8 font-color">销量榜</text></view><block wx:if="{{$root.g0}}"><view class="rd-12rpx bg--w111-fff mt-18 p-14 h-400"><block wx:for="{{sales}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="rank-pro-item flex-y-center"><view class="w-108 h-108 relative"><easy-loadimage vue-id="{{'a3ef8b5a-1-'+index}}" image-src="{{item.image}}" width="108rpx" height="108rpx" borderRadius="{{imgStyle}}" bind:__l="__l"></easy-loadimage><view class="{{['rank_count','fs-24','text--w111-fff','flex-center','rank-count'+(index+1)]}}">{{index+1}}</view></view><view class="pl-16"><view class="w-130 line1 fs-26 lh-36rpx mb-8">{{item.store_name}}</view><base-money vue-id="{{'a3ef8b5a-2-'+index}}" money="{{item.price}}" symbolSize="20" integerSize="28" decimalSize="28" color="{{priceColor}}" weight="{{true}}" bind:__l="__l"></base-money></view></view></block></view></block></view></view><view class="inline-block mr-20"><view class="rank-card" style="{{$root.s5}}"><view class="fs-28 lh-40rpx fw-600 flex-y-center" style="{{$root.s6}}"><text class="iconfont icon-ic_fire fs-32"></text><text class="pl-8 font-color">收藏榜</text></view><block wx:if="{{$root.g1}}"><view class="rd-12rpx bg--w111-fff mt-18 p-14 h-400"><block wx:for="{{collect}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="rank-pro-item flex-y-center"><view class="w-108 h-108 relative"><easy-loadimage vue-id="{{'a3ef8b5a-3-'+index}}" image-src="{{item.image}}" width="108rpx" height="108rpx" borderRadius="{{imgStyle}}" bind:__l="__l"></easy-loadimage><view class="{{['rank_count','fs-24','text--w111-fff','flex-center','rank-count'+(index+1)]}}">{{index+1}}</view></view><view class="pl-16"><view class="w-130 line1 fs-26 lh-36rpx mb-8">{{item.store_name}}</view><base-money vue-id="{{'a3ef8b5a-4-'+index}}" money="{{item.price}}" symbolSize="20" integerSize="28" decimalSize="28" color="{{priceColor}}" weight="{{true}}" bind:__l="__l"></base-money></view></view></block></view></block></view></view><view class="inline-block mr-20"><view class="rank-card" style="{{$root.s7}}"><view class="fs-28 lh-40rpx fw-600 flex-y-center" style="{{$root.s8}}"><text class="iconfont icon-ic_fire fs-32"></text><text class="pl-8 font-color">好评榜</text></view><block wx:if="{{$root.g2}}"><view class="rd-12rpx bg--w111-fff mt-18 p-14 h-400"><block wx:for="{{star}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="rank-pro-item flex-y-center"><view class="w-108 h-108 relative"><easy-loadimage vue-id="{{'a3ef8b5a-5-'+index}}" image-src="{{item.image}}" width="108rpx" height="108rpx" borderRadius="{{imgStyle}}" bind:__l="__l"></easy-loadimage><view class="{{['rank_count','fs-24','text--w111-fff','flex-center','rank-count'+(index+1)]}}">{{index+1}}</view></view><view class="pl-16"><view class="w-130 line1 fs-26 lh-36rpx mb-8">{{item.store_name}}</view><base-money vue-id="{{'a3ef8b5a-6-'+index}}" money="{{item.price}}" symbolSize="20" integerSize="28" decimalSize="28" color="{{priceColor}}" weight="{{true}}" bind:__l="__l"></base-money></view></view></block></view></block></view></view></scroll-view></block><block wx:else><view class="mt-26"><scroll-view class="white-nowrap vertical-middle w-full mt-20" scroll-x="true" show-scrollbar="false"><block wx:if="{{$root.g3}}"><view class="inline-block type-3 rd-16rpx mr-24" style="{{$root.s9}}"><view class="fs-26 fw-500" style="{{$root.s10}}">销量榜</view><view class="flex mt-20"><view class="w-296 h-296 relative mr-12"><image class="w-full h-full" style="{{'border-radius:'+(imgStyle)+';'}}" src="{{sales[0].image}}"></image><image class="abs-lt w-72 h-72" src="{{imgHost+'/statics/images/product/rank_icon1.png'}}"></image></view><view><view class="relative"><easy-loadimage vue-id="a3ef8b5a-7" image-src="{{sales[1].image}}" width="142rpx" height="142rpx" borderRadius="{{imgStyle}}" bind:__l="__l"></easy-loadimage><image class="abs-lt w-48 h-48" src="{{imgHost+'/statics/images/product/rank_icon2.png'}}"></image></view><view class="w-142 h-142 relative mt-12"><easy-loadimage vue-id="a3ef8b5a-8" image-src="{{sales[2].image}}" width="142rpx" height="142rpx" borderRadius="{{imgStyle}}" bind:__l="__l"></easy-loadimage><image class="abs-lt w-48 h-48" src="{{imgHost+'/statics/images/product/rank_icon3.png'}}"></image></view></view></view><view class="mt-20 fs-26 w-280 line1">{{sales[0].store_name}}</view><view class="flex items-baseline mt-10"><base-money vue-id="a3ef8b5a-9" money="{{sales[0].price}}" symbolSize="20" integerSize="28" decimalSize="28" color="{{priceColor}}" weight="{{true}}" bind:__l="__l"></base-money><text class="fs-20 text--w111-999 text-line pl-8">{{"¥"+sales[0].ot_price}}</text></view></view></block><block wx:if="{{$root.g4}}"><view class="inline-block type-3 rd-16rpx mr-24" style="{{$root.s11}}"><view class="fs-26 fw-500" style="{{$root.s12}}">好评榜</view><view class="flex mt-20"><view class="w-296 h-296 relative mr-12"><image class="w-full h-full" style="{{'border-radius:'+(imgStyle)+';'}}" src="{{star[0].image}}"></image><image class="abs-lt w-72 h-72" src="{{imgHost+'/statics/images/product/rank_icon1.png'}}"></image></view><view><view class="w-142 h-142 relative"><easy-loadimage vue-id="a3ef8b5a-10" image-src="{{star[1].image}}" width="142rpx" height="142rpx" borderRadius="{{imgStyle}}" bind:__l="__l"></easy-loadimage><image class="abs-lt w-48 h-48" src="{{imgHost+'/statics/images/product/rank_icon2.png'}}"></image></view><view class="w-142 h-142 relative mt-12"><easy-loadimage vue-id="a3ef8b5a-11" image-src="{{star[2].image}}" width="142rpx" height="142rpx" borderRadius="{{imgStyle}}" bind:__l="__l"></easy-loadimage><image class="abs-lt w-48 h-48" src="{{imgHost+'/statics/images/product/rank_icon3.png'}}"></image></view></view></view><view class="mt-20 fs-26 w-280 line1">{{star[0].store_name}}</view><view class="flex items-baseline mt-10"><base-money vue-id="a3ef8b5a-12" money="{{star[0].price}}" symbolSize="20" integerSize="28" decimalSize="28" color="{{priceColor}}" weight="{{true}}" bind:__l="__l"></base-money><text class="fs-20 text--w111-999 text-line pl-8">{{"¥"+star[0].ot_price}}</text></view></view></block><block wx:if="{{$root.g5}}"><view class="inline-block type-3 rd-16rpx mr-24" style="{{$root.s13}}"><view class="fs-26 fw-500" style="{{$root.s14}}">收藏榜</view><view class="flex mt-20"><view class="w-296 h-296 relative mr-12"><image class="w-full h-full" style="{{'border-radius:'+(imgStyle)+';'}}" src="{{collect[0].image}}"></image><image class="abs-lt w-72 h-72" src="{{imgHost+'/statics/images/product/rank_icon1.png'}}"></image></view><view><view class="w-142 h-142 relative"><easy-loadimage vue-id="a3ef8b5a-13" image-src="{{collect[1].image}}" width="142rpx" height="142rpx" borderRadius="{{imgStyle}}" bind:__l="__l"></easy-loadimage><image class="abs-lt w-48 h-48" src="{{imgHost+'/statics/images/product/rank_icon2.png'}}"></image></view><view class="w-142 h-142 relative mt-12"><easy-loadimage vue-id="a3ef8b5a-14" image-src="{{collect[2].image}}" width="142rpx" height="142rpx" borderRadius="{{imgStyle}}" bind:__l="__l"></easy-loadimage><image class="abs-lt w-48 h-48" src="{{imgHost+'/statics/images/product/rank_icon3.png'}}"></image></view></view></view><view class="mt-20 fs-26 w-280 line1">{{collect[0].store_name}}</view><view class="flex items-baseline mt-10"><base-money vue-id="a3ef8b5a-15" money="{{collect[0].price}}" symbolSize="20" integerSize="28" decimalSize="28" color="{{priceColor}}" weight="{{true}}" bind:__l="__l"></base-money><text class="fs-20 text--w111-999 text-line pl-8">{{"¥"+collect[0].ot_price}}</text></view></view></block></scroll-view></view></block></view></view> |