1

pages/analytics/detail.vue

@@ -12,7 +12,7 @@
 
             <!-- 视频评论（WebTV 视频） -->
             <view class="content crm-border-radius" v-if="type === 4">
-                <text class="con-title">{{ info.title }}</text>
+                <view class="con-title">{{ info.title }}</view>
                 <view class="con-time" style="display: flex; justify-content: space-between;">
                     <text>{{ info.createTime }}</text>
                     <image src="/static/acc_logo.png" style="height: 80rpx;" mode="heightFix" />
@@ -25,7 +25,7 @@
 
             <!-- 视频评论（另一种） -->
             <view class="content crm-border-radius" v-if="type === 6">
-                <text class="con-title">{{ info.title }}</text>
+                <view class="con-title">{{ info.title }}</view>
                 <text class="con-time">{{ info.subTitle }}</text>
                 <view class="my_video" style="width: 100%">
                     <video :id="`dplayer-${type}`" :src="imgContent" controls class="video-player" />
@@ -37,7 +37,7 @@
 
             <!-- 公告详情 -->
             <view class="content crm-border-radius" v-if="type === 7">
-                <text class="con-title">{{ info.subject }}</text>
+                <view class="con-title">{{ info.subject }}</view>
                 <view class="rich-text-wrapper">
                     <cwg-rich-text :nodes="info.content1" />
                 </view>
@@ -244,6 +244,7 @@ onUnmounted(() => {
 </script>
 
 <style lang="scss" scoped>
+@import "@/uni.scss";
 #News_Content {
     height: 100%;
 
@@ -251,12 +252,12 @@ onUnmounted(() => {
         display: flex;
         justify-content: space-between;
         align-items: center;
-        padding: 10rpx 15rpx;
+        padding: px2rpx(10) px2rpx(15);
         background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
         border-bottom: 1px solid #eee;
 
         .tit {
-            font-size: 16rpx;
+            font-size: px2rpx(16);
             font-weight: bold;
         }
 
@@ -265,24 +266,24 @@ onUnmounted(() => {
             align-items: center;
 
             .icon-back {
-                font-size: 18rpx;
-                margin-right: 4rpx;
+                font-size: px2rpx(18);
+                margin-right: px2rpx(4);
             }
         }
     }
 
     .content {
         width: 100%;
-        height: calc(100% - 50rpx);
+        height: calc(100% - 50px);
         background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
         overflow: hidden;
         text-align: left;
-        padding: 10rpx 15rpx;
+        padding: px2rpx(10) px2rpx(15);
         box-sizing: border-box;
         line-height: 1.8;
 
         .img {
-            margin-bottom: 10rpx;
+            margin-bottom: px2rpx(10);
 
             image {
                 width: 100%;
@@ -290,31 +291,32 @@ onUnmounted(() => {
         }
 
         .con-title {
-            font-size: 18rpx;
+            font-size: px2rpx(18);
             font-weight: bold;
-            margin: 10rpx 0;
+            margin: px2rpx(10) 0;
+            text-align: center;
         }
 
         .con-time {
-            margin-bottom: 10rpx;
-            font-size: 12rpx;
+            margin-bottom: px2rpx(10);
+            font-size: px2rpx(12);
             color: var(--bs-heading-color);
         }
 
         .con-des {
-            margin: 10rpx 0;
-            font-size: 14rpx;
+            margin: px2rpx(10) 0;
+            font-size: px2rpx(14);
         }
 
         .video-player {
             width: 100%;
-            height: 400rpx;
+            height: px2rpx(400);
         }
 
         .webview {
             width: 100%;
             height: 100%;
-            min-height: 1200rpx;
+            min-height: px2rpx(1200);
         }
 
         .ebookBox {
@@ -328,33 +330,33 @@ onUnmounted(() => {
 
             .ebook-cover {
                 width: 100%;
-                max-width: 360rpx;
+                max-width: px2rpx(360);
                 height: auto;
                 margin-right: 0;
-                margin-bottom: 15rpx;
+                margin-bottom: px2rpx(15);
 
                 @media (min-width: 768px) {
-                    margin-right: 25rpx;
+                    margin-right: px2rpx(25);
                     margin-bottom: 0;
                 }
             }
 
             .news-title {
                 color: #EB3F57;
-                font-size: 44rpx;
+                font-size: px2rpx(44);
                 font-weight: bold;
-                margin-bottom: 10rpx;
+                margin-bottom: px2rpx(10);
             }
 
             .news-status {
-                margin-top: 10rpx;
+                margin-top: px2rpx(10);
 
                 a {
                     display: inline-block;
                     background-color: #EB3F57;
                     color: var(--bs-emphasis-color);
-                    padding: 8rpx 30rpx;
-                    border-radius: 8rpx;
+                    padding: px2rpx(8) px2rpx(30);
+                    border-radius: px2rpx(8);
                     font-weight: bold;
                 }
             }
@@ -367,13 +369,13 @@ onUnmounted(() => {
     table {
         border-collapse: collapse !important;
         width: 100% !important;
-        margin: 10px 0 !important;
+        margin: px2rpx(10) 0 !important;
     }
 
     th,
     td {
         border: 1px solid #dcdfe6 !important;
-        padding: 8px !important;
+        padding: px2rpx(8) !important;
         text-align: left !important;
     }
 
@@ -400,7 +402,7 @@ onUnmounted(() => {
 /* 覆盖 rich-text 内所有段落样式 */
 uni-rich-text p {
     margin: 12rpx 0 !important;
-    font-size: 14rpx !important;
+    font-size: px2rpx(14) !important;
     /* 对应 14px */
     line-height: 1.6 !important;
     color: var(--bs-heading-color);
@@ -408,7 +410,7 @@ uni-rich-text p {
 
 /* 覆盖 span 样式，移除固定字体和大小 */
 uni-rich-text span {
-    font-size: 14rpx !important;
+    font-size: px2rpx(14) !important;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
 }