设备状态ui提交

pages/news/subpages/deviceCenter/index.vue

@@ -10,29 +10,17 @@
         <!-- 时间标签 -->
         <view class="time-label">{{ formatTime(item.time) }}</view>
 
-        <!-- 点赞消息卡片 -->
+<!--        &lt;!&ndash; 点赞消息卡片 &ndash;&gt;
         <view class="like-card" v-if="item.type === 'like'">
           <view class="sender-info">
             <image class="avatar" :src="item.avatar" mode="aspectFill"></image>
             <text class="sender-text">{{ item.sender }} 刚刚赞了你</text>
           </view>
           <text class="arrow">></text>
-        </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>-->
 
         <!-- 冠军通知卡片 -->
-        <view class="champion-card" v-else-if="item.type === 'champion'">
+        <view class="champion-card">
           <view class="sender-info">
             <image class="avatar" :src="item.avatar" mode="aspectFill"></image>
             <text class="sender-text">{{ item.sender }} 夺得{{ item.date }}日排行榜冠军</text>
@@ -144,7 +132,7 @@ export default {
   padding: 20rpx;
 }
 .message-item {
-  margin-bottom: 30rpx;
+  margin: 30rpx 20rpx;
 }
 
 /* 时间标签 */
@@ -152,11 +140,14 @@ export default {
   text-align: center;
   font-size: 26rpx;
   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;
   border-radius: 12rpx;
   padding: 24rpx;
@@ -185,24 +176,4 @@ export default {
   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>