xiaolian
78 lines
4.3 KiB
Plaintext
78 lines
4.3 KiB
Plaintext
<!-- pages/score/index.wxml -->
|
|
<view class="container relative" style="min-height:100vh;--circle-text-color:{{score_trend>1?score_down_color:score_up_color}};">
|
|
<scroll-view class="relative" scroll-y="{{true}}" scroll-into-view="{{setid}}" scroll-with-animation="{{true}}" style="height:100vh">
|
|
<view class="absolute left-0 top-0 bottom-0 right-0 bg-size-fullwidth bg-no-repeat bg-pos-top" style="background-image:url({{score_trend>1?score_index_bg_down:score_index_bg_up}});"></view>
|
|
<view class="relative inner30">
|
|
<view class="fn-flex fn-flex-middle fn-flex-between inner20">
|
|
<view class="fn-flex">
|
|
<block wx:for="{{tab_date}}" wx:key="index">
|
|
<view class="font-34 relative {{(tab_date.length-1)==index?'':'mr70'}} tab-item transition-all {{tab_date_cur==index?'tab-item-cur':'color-999'}}">{{item.name}}</view>
|
|
</block>
|
|
</view>
|
|
<view wx:if="{{content}}" bindtap="scrollToRule" class="font-20 ulib-r750 bg-f6 color-999 pt5 pb5 pl10 pr10">
|
|
<text class="iconfont icon-tishi mr5"></text><text>规则说明</text>
|
|
</view>
|
|
</view>
|
|
<view class="fn-flex fn-flex-column fn-flex-middle mb40">
|
|
<view class="font-66 text-bold pt30">
|
|
<van-circle
|
|
value="{{ 30 }}"
|
|
stroke-width="15"
|
|
text="500"
|
|
layer-color="#ebebeb"
|
|
size="120"
|
|
color="{{score_trend>1?score_down_color:score_up_color}}"></van-circle>
|
|
</view>
|
|
<view class="fn-flex fn-flex-middle fn-flex-center pt30 color-666 font-32">
|
|
<image src="{{score_trend>1?icon_trend_down:icon_trend_up}}" class="img-32x32 block mr10"/>
|
|
<text>较上日上升100分</text>
|
|
</view>
|
|
<view class="fn-flex fn-flex-middle fn-flex-center pt15 font-26 color-999">
|
|
<view>*更新于09月10日</view>
|
|
<view>当前显示为昨日运营情况评分</view>
|
|
</view>
|
|
</view>
|
|
<view class="bg-fff mb30 box-shadow-000-10-10 ulib-r10 pt40 pb40">
|
|
<view class="fn-flex fn-flex-middle fn-flex-center text-center">
|
|
<block wx:for="{{score_detail_data}}" wx:key="index">
|
|
<view class="pr15 pl15">
|
|
<view class="font-34">{{item.name}}</view>
|
|
<view class="mt5 color-666 font-22">{{item.tip}}</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
<view class="text-center pt20">
|
|
<view class="ulib-r10 font-24 link-detail relative link-detail inline-block pt10 pb10 pl20 pr20 overflowhidden"><text>查看明细</text><text class="iconfont icon-gengduo ml5"></text></view>
|
|
</view>
|
|
|
|
<view class="text-center pt40">
|
|
<view class="ulib-r10 overflowhidden font-24 inline-block">
|
|
<block wx:for="{{tab_rank}}" wx:key="index">
|
|
<view data-index="{{index}}" bindtap="changeRankTab" class="{{tab_rank_cur===index?'bg-ccc color-666':'bg-f6 color-999'}} transition-all pl20 pr20 pt10 pb10 inline-block">{{item.name}}</view>
|
|
</block>
|
|
</view>
|
|
<view class="">
|
|
<block wx:for="{{rank_data}}" wx:key="index">
|
|
<view class="fn-flex fn-flex-middle fn-flex-between pt25 pb25 pl60 pr60">
|
|
<view class="fn-flex fn-flex-middle font-28 color-444">
|
|
<text class="text-center mr20" style="width:38rpx;" wx:if="{{index>2}}">{{index+1}}</text>
|
|
<image wx:else class="img-38x38 mr20" src="{{index==0?icon_score_top_1:index==1?icon_score_top_2:icon_score_top_3}}" />
|
|
<text>{{item.name}}</text>
|
|
<view class="ulib-r750 color-fff font-20 pl15 pr15 pb5 ml15" style="background-color:{{score_up_color}};" wx:if="{{item.is_manager}}">店长</view>
|
|
</view>
|
|
<view class="fn-flex fn-flex-middle font-28 color-666" style="width:130rpx;">
|
|
<image src="{{item.trend>1?icon_trend_down:icon_trend_up}}" class="img-32x32 block mr10"/>
|
|
<text>{{item.score}}</text>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<view wx:if="{{content}}" id="richhtml" class="bg-fff mb30 box-shadow-000-10-10 ulib-r10 inner40">
|
|
<com-html content="{{content}}" lazy-load="{{true}}"></com-html>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view> |