changes

frontend/src/pages/activity/list/index.vue

@@ -49,10 +49,9 @@
                        style="flex-shrink:0;width: 120px;height: 90px;border-radius: 5px;" fit="fill"/>
               <view
                   style="margin-left:10px;flex:1;overflow:hidden;display: flex;flex-direction: column;justify-content:space-around;color: #534d4d;">
-                <view
-                    style="display: flex; align-items: center; column-gap: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
+                <view class="activity-date-tag">
                   <t-icon name="time"></t-icon>
-                  {{ moment(item.startTime).format('MM-DD') }}
+                  <text>{{ moment(item.startTime).format('YYYY年MM月DD日') }}</text>
                 </view>
                 <view style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
                   <t-icon name="location"></t-icon>
@@ -255,6 +254,22 @@ onMounted(() => {
   }
 }
 
+.activity-date-tag {
+  align-self: flex-start;
+  display: inline-flex;
+  align-items: center;
+  column-gap: 4px;
+  max-width: 100%;
+  padding: 4px 8px;
+  border-radius: 12px;
+  box-sizing: border-box;
+  color: #f45a5a;
+  background-color: rgba(244, 90, 90, 0.12);
+  font-size: 12px;
+  line-height: 1.2;
+  white-space: nowrap;
+}
+
 .loading-container {
   padding: 40rpx 0;
   text-align: center;