✨ feat: 广告管理SB: 商品投放表格样式修改

src/views/adManage/sb/targets/crud.tsx

@@ -108,7 +108,7 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
           title: '商品和分类',
           column: {
             fixed: 'left',
-            width: 230,
+            width: 250,
             sortable: true
           },
         },

src/views/adManage/sb/targets/index.vue

@@ -107,9 +107,9 @@ watch(
             <div class="right-part">
               <div class="list-item-title title-font">{{ row.Title ? row.Title : '--' }}</div>
               <div>
-                <span class="list-item-title">
+                <span class="list-item-asin">
                   ASIN:
-                  <span class="list-item-asin">
+                  <span class="asin-font">
                     {{ row.ASIN ? row.ASIN : '--' }}
                   </span>
                 </span>
@@ -234,19 +234,24 @@ watch(
 }
 
 .img-part {
-  min-width: 50px;
-  height: 50px;
+  min-width: 65px;
+  height: 65px;
   margin: 0 5px;
   border: 1px solid #e5e6eb;
   border-radius: 4px;
 }
+.right-part {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
 
 .list-item-title {
   color: #6b7785;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
+  -webkit-line-clamp: 2;
   // white-space: pre-wrap;
 }
 .title-font {
@@ -257,8 +262,8 @@ watch(
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 50px;
-  height: 50px;
+  width: 65px;
+  height: 65px;
   background: var(--el-fill-color-light);
   color: var(--el-text-color-secondary);
   font-size: 30px;
@@ -267,6 +272,13 @@ watch(
   font-size: 30px;
 }
 .list-item-asin {
+  color: #6b7785;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.asin-font {
   color: #1d2129;
 }
 </style>