时间银行

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>