fix

Web/src/views/MessageView.vue

@@ -71,22 +71,27 @@
     </van-pull-refresh>
 
     <!-- 详情弹出层 -->
-    <PopupContainer
-      v-model="detailVisible"
+    <PopupContainerV2
+      v-model:show="detailVisible"
       :title="currentMessage.title"
-      :subtitle="currentMessage.createTime"
-      height="75%"
+      :height="'75%'"
     >
-      <div
-        v-if="currentMessage.messageType === 2"
-        class="detail-content rich-html-content"
-        v-html="currentMessage.content"
-      />
-      <div
-        v-else
-        class="detail-content"
-      >
-        {{ currentMessage.content }}
+      <div style="padding: 16px">
+        <p style="color: #999; font-size: 14px; margin-bottom: 12px; margin-top: 0">
+          {{ currentMessage.createTime }}
+        </p>
+        <div
+          v-if="currentMessage.messageType === 2"
+          class="rich-html-content"
+          style="font-size: 14px; line-height: 1.6"
+          v-html="currentMessage.content"
+        />
+        <div
+          v-else
+          style="font-size: 14px; line-height: 1.6; white-space: pre-wrap"
+        >
+          {{ currentMessage.content }}
+        </div>
       </div>
       <template
         v-if="currentMessage.url && currentMessage.messageType === 1"
@@ -101,7 +106,7 @@
           查看详情
         </van-button>
       </template>
-    </PopupContainer>
+    </PopupContainerV2>
   </div>
 </template>
 
@@ -111,7 +116,7 @@ import { useRouter } from 'vue-router'
 import { showToast, showDialog } from 'vant'
 import { getMessageList, markAsRead, deleteMessage, markAllAsRead } from '@/api/message'
 import { useMessageStore } from '@/stores/message'
-import PopupContainer from '@/components/PopupContainer.vue'
+import PopupContainerV2 from '@/components/PopupContainerV2.vue'
 
 const messageStore = useMessageStore()
 const router = useRouter()
@@ -325,22 +330,6 @@ defineExpose({
   height: 100%;
 }
 
-.detail-time {
-  color: var(--van-text-color-2);
-  font-size: 14px;
-}
-
-.detail-content {
-  padding: 16px;
-  font-size: 14px;
-  line-height: 1.6;
-  color: var(--van-text-color);
-}
-
-.detail-content:not(.rich-html-content) {
-  white-space: pre-wrap;
-}
-
 :deep(.van-pull-refresh) {
   flex: 1;
   overflow-y: auto;