订单管理页面布局

ant-design-vue-jeecg/src/views/shopping/shopHome.vue

@@ -52,7 +52,7 @@
         <div class="itemDiv d-flex">
           <div class="item" v-for="(item, index) in clothList" :key="index">
             <img :src="item.imgUrl" alt="" />
-            <p class="titleDiv textfield">
+            <p class="titleDiv">
               {{ item.title1 }}<span>|</span>{{ item.title2 }}
             </p>
             <p class="price">
@@ -123,7 +123,7 @@
                 :key="index"
               >
                 <img :src="item.imgUrl" alt="" />
-                <p>
+                <p class="title_6">
                   {{ item.title1 }}<span class="line">|</span>{{ item.title1 }}
                 </p>
                 <div>
@@ -643,7 +643,6 @@
   @import './assets/common.css'
 </style>
 <style scoped>
-  .textfield {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
   .box {
     position: relative;
   }
@@ -818,6 +817,9 @@
   }
   .section3 .itemDiv .item .titleDiv {
     font-size: 30px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
   .section3 .itemDiv .item .titleDiv span {
     margin-left: 10px;
@@ -877,9 +879,13 @@
   }
   .section5 .tabs .jz .item p {
     width: 100%;
+    box-sizing: border-box;
+    text-overflow: ellipsis;
     padding-left: 28px;
     padding-right: 28px;
-    box-sizing: border-box;
+    overflow: hidden;
+    text-align: left;
+    white-space: nowrap;
   }
   .section5 .tabs .jz .item p .line {
     margin-left: 8px;