详情布局

src/views/web/list/detail.vue

@@ -63,12 +63,15 @@ watch(() => props.show, (n) => {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 30px;
+  overflow: hidden;
   .detail-item {
     display: flex;
     font-size: 14px;
     line-height: 24px;
+    overflow: hidden;
     .detail-item-label {
-      width: 180px;
+      max-width: 180px;
+      width: 40%;
       font-weight: bold;
       color: var(--cus-text-color-1);
       display: flex;
@@ -82,6 +85,7 @@ watch(() => props.show, (n) => {
       }
     }
     .detail-item-value {
+      overflow: hidden;
       flex: 1;
       font-weight: 400;
       color: var(--cus-text-color-2);