root
/
agri-app
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

设备状态ui提交

feasure-livedata
lld 2026-03-27 18:55:51 +08:00
parent 9ce4e69c2f
commit 4b0db12a76
1 changed files with 9 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
pages/news/subpages/deviceCenter/index.vue
View File

@ -10,29 +10,17 @@
<!-- 时间标签 --> <!-- 时间标签 -->
<view class="time-label">{{ formatTime(item.time) }}</view> <view class="time-label">{{ formatTime(item.time) }}</view>
<!-- 点赞消息卡片 --> <!-- &lt;!&ndash; 点赞消息卡片 &ndash;&gt;
<view class="like-card" v-if="item.type === 'like'"> <view class="like-card" v-if="item.type === 'like'">
<view class="sender-info"> <view class="sender-info">
<image class="avatar" :src="item.avatar" mode="aspectFill"></image> <image class="avatar" :src="item.avatar" mode="aspectFill"></image>
<text class="sender-text">{{ item.sender }} 刚刚赞了你</text> <text class="sender-text">{{ item.sender }} 刚刚赞了你</text>
</view> </view>
<text class="arrow">></text> <text class="arrow">></text>
</view> </view>-->
<!-- 步数数据卡片 -->
<view class="step-card" v-else-if="item.type === 'step'">
<view class="step-item">
<text class="step-num">{{ item.rank }}</text>
<text class="step-label">名次</text>
</view>
<view class="step-item">
<text class="step-num">{{ item.steps }}</text>
<text class="step-label">步数</text>
</view>
</view>
<!-- 冠军通知卡片 --> <!-- 冠军通知卡片 -->
<view class="champion-card" v-else-if="item.type === 'champion'"> <view class="champion-card">
<view class="sender-info"> <view class="sender-info">
<image class="avatar" :src="item.avatar" mode="aspectFill"></image> <image class="avatar" :src="item.avatar" mode="aspectFill"></image>
<text class="sender-text">{{ item.sender }} 夺得{{ item.date }}日排行榜冠军</text> <text class="sender-text">{{ item.sender }} 夺得{{ item.date }}日排行榜冠军</text>
@ -144,7 +132,7 @@ export default {
padding: 20rpx; padding: 20rpx;
} }
.message-item { .message-item {
margin-bottom: 30rpx; margin: 30rpx 20rpx;
} }
/* 时间标签 */ /* 时间标签 */
@ -152,11 +140,14 @@ export default {
text-align: center; text-align: center;
font-size: 26rpx; font-size: 26rpx;
color: #999; color: #999;
margin-bottom: 20rpx; margin: 50rpx 20rpx 20rpx;
} }
.message-item:first-child .time-label {
margin-top: 0;
}
/* 通用卡片样式 */ /* 通用卡片样式 */
.like-card, .step-card, .champion-card { .like-card, .champion-card {
background-color: #fff; background-color: #fff;
border-radius: 12rpx; border-radius: 12rpx;
padding: 24rpx; padding: 24rpx;
@ -185,24 +176,4 @@ export default {
color: #ccc; color: #ccc;
} }
/* 步数卡片 */
.step-card {
display: flex;
justify-content: space-between;
}
.step-item {
display: flex;
flex-direction: column;
align-items: center;
}
.step-num {
font-size: 64rpx;
color: #09bb07;
font-weight: 500;
}
.step-label {
font-size: 28rpx;
color: #666;
margin-top: 8rpx;
}
</style> </style>