Browse Source

时间银行

dev_des
1054425342@qq.com 2 months ago
parent
commit
940af4ba24
  1. 29
      components/DynamicIsland.vue

29
components/DynamicIsland.vue

@ -78,31 +78,38 @@
</template>
<template v-if="styleType == 'timeShop'">
<view class="bottom-section">
<view class="">
<view class="" style="display: flex;justify-content: space-between;">
<view class="time-reward-container">
<view class="" style="flex:1;">
<view class="" style="display: flex;">
<view class="time-reward-container" style="width: 200rpx;">
<text class="time-reward-title">时间奖励</text>
<view class="time-reward-stats">
<text class="time-reward-number">120</text>
<text class="time-reward-unit"></text>
</view>
<text class="time-reward-label">文旅时间银行</text>
<text class="time-reward-label" style="font-size: 24rpx;font-weight: bold;">文旅时间银行</text>
</view>
<view class="">
<view class="time-reward-number">
用户昵称
<view class="time-reward-number" style="font-size: 34rpx;">
{{
userInfo && userInfo.token ? userInfo.nickname : "用户"
}}
</view>
<view class="time-reward-label">
积分:999<text>积分获取规则</text>
<view class="time-reward-label" style="margin-top: 15rpx;font-weight: bold;font-size: 24rpx;">
积分:999<text style="color: #999999;font-size: 20rpx;margin-left: 10rpx;">积分获取规则</text>
</view>
</view>
</view>
<view class="" style="display: flex;align-items: center;">
<view class="" style="display: flex;align-items: center;font-size: 24rpx;font-weight: bold;display: flex;align-items: center;margin-top: 20rpx;">
<view class="" style="width: 200rpx;">
时长:10H
</view>
<view class="">
时长
<image style="width: 22rpx;height: 22rpx;margin-right: 15rpx;" :src="showImg('/uploads/20250822/c8ee7615823a1ffaba400a4d5746de9a.png')"></image>
点赞:120
</view>
<view class="">
点赞
<image style="width: 22rpx;height: 22rpx;margin: 0 15rpx;" :src="showImg('/uploads/20250822/84c49f78f1c86b7340aaaa391bd4b7cf.png')"></image>
留言:120
</view>
</view>
</view>

Loading…
Cancel
Save