xiaolian
46 lines
2.6 KiB
Plaintext
46 lines
2.6 KiB
Plaintext
<!-- pages/score/detail.wxml -->
|
|
<view class="container relative" style="min-height:100vh;--circle-text-color:{{score_trend>1?score_down_color:score_up_color}};--linearcolor:{{score_trend>1?score_down_color:score_up_color}};">
|
|
<view class="absolute left-0 top-0 right-0 bg-custom-linear-bottom opacity-60" style="height:10vh;"></view>
|
|
<view class="relative">
|
|
<view class="inner40 relative fn-flex fn-flex-middle fn-flex-between">
|
|
<view class="text-left">
|
|
<view class="font-28 color-666">昨日运营分</view>
|
|
<view class="font-72" style="color:{{score_trend>1?score_down_color:score_up_color}}">798</view>
|
|
</view>
|
|
<view class="text-right">
|
|
<view class="font-28 color-666">上一日运营分</view>
|
|
<view class="font-72" style="color:{{score_trend>1?score_down_color:score_up_color}}">798</view>
|
|
</view>
|
|
<view
|
|
class="ulib-r750 fn-flex fn-flex-middle absolute box-center-middle font-28 pl20 pr20 pt10 pb10 overflowhidden"
|
|
style="border:2rpx solid {{score_trend>1?score_down_color:score_up_color}};"
|
|
>
|
|
<view class="absolute left-0 top-0 right-0 bottom-0 opacity-10" style="background-color:var(--circle-text-color);"></view>
|
|
<image src="{{score_trend>1?icon_trend_down:icon_trend_up}}" class="relative img-28x28 block mr10"/>
|
|
<text class="color-666 relative">较上日上升100分</text>
|
|
</view>
|
|
</view>
|
|
<view class="ml30 mr30 pb30">
|
|
<view class="font-40 text-center color-333 mb30">本期分数组成</view>
|
|
<view class="bg-fff box-shadow-000-10-10 ulib-r10">
|
|
<block wx:for="{{list}}" wx:key="index">
|
|
<view class="inner40 bbs-1-f6 fn-flex fn-flex-middle">
|
|
<view class="mr100 relative" style="width:154rpx;height:120rpx;">
|
|
<image class="img-154x154 block" src="{{item.trend>1?score_detail_bg_down:score_detail_bg_up}}" />
|
|
<text class="absolute wp100 box-center-middle text-center font-52" style="color:{{item.trend>1?score_down_color:score_up_color}}">{{item.score}}</text>
|
|
<text class="absolute wp100 left-0 text-center bottom-0 font-24 color-888">{{item.name}}</text>
|
|
</view>
|
|
<view class="fn-flex-item">
|
|
<block wx:for="{{item.data}}" wx:for-item="it" wx:for-index="idx" wx:key="idx">
|
|
<view class="fn-flex fn-flex-middle fn-flex-between pt10 pb10 font-26 color-666">
|
|
<view >{{it.name}}</view>
|
|
<view >{{it.score}}</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view> |