Browse Source

feat: 样式

ljc 2 weeks ago
parent
commit
08dea65866

+ 8 - 1
components/cwg-detail-popup.vue

@@ -20,7 +20,7 @@
                                         </view>
                                     </view>
                                 </view>
-                                <text v-else>{{ formatCellValue(row[item.prop], item, row) }}</text>
+                                <view class="value-text" v-else>{{ formatCellValue(row[item.prop], item, row) }}</view>
                             </slot>
                         </template>
 
@@ -287,4 +287,11 @@ text-align: right;
         }
     }
 }
+.value-text{
+  width: 100%;
+  white-space: wrap;
+  word-wrap:break-word;
+  word-break:break-all;
+  text-align: right;
+}
 </style>

+ 1 - 1
components/cwg-tabel.vue

@@ -71,7 +71,7 @@
                 </template>
 
                 <!-- 总计行 -->
-                <uni-tr v-if="showSummary && tableData.length !== 0" class="summary-row">
+                <uni-tr v-if="!isMobile && showSummary && tableData.length !== 0" class="summary-row">
                   <uni-td v-for="(column, index) in displayColumns" :key="'summary-' + column.prop"
                           :align="column.align || 'center'" class="summary-cell"
                           :style="getCellStyle(column, currentSummaryData)">

+ 3 - 0
pages/follow/trading-center-single.vue

@@ -629,6 +629,9 @@
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 8px 20px;
+    @media screen and (max-width: 750px) {
+      grid-template-columns: none;
+    }
   }
 
   .chart-container {

+ 6 - 0
pages/follow/trading-center.vue

@@ -660,6 +660,9 @@ const applyFllowCancel = () => {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px 20px;
+    @media screen and (max-width: 750px) {
+      grid-template-columns: none;
+    }
 
     .fllow-content {
       display: flex;
@@ -684,6 +687,9 @@ const applyFllowCancel = () => {
     grid-template-columns: 1fr 1fr;
     gap: 10px 20px;
     margin-top: 10px;
+    @media screen and (max-width: 750px) {
+      grid-template-columns: none;
+    }
   }
 
   .terms-desc {