优化

src/components/livedModel/livedGoodsDia.vue

@@ -10,6 +10,7 @@
       <div class="list" v-if="list.length>0">
         <div class="item" v-for="(item,index) in list" :key="index">
           <div class="img" @click="toGoodsInfo(item)">
+            <div class="num">{{item.number}}</div>
             <img v-if="item.productImgUrl" :src="item.productImgUrl" alt />
           </div>
           <div class="info">
@@ -213,11 +214,22 @@ export default {
         border-radius: 6px;
         overflow: hidden;
         background: #999;
+        position: relative;
         img {
           width: 100%;
           height: 100%;
           object-fit: cover;
         }
+        .num {
+          position: absolute;
+          top: 0;
+          left: 0;
+          color: #fff;
+          font-size: 12px;
+          background: #666;
+          padding: 2px 6px;
+          border-bottom-right-radius: 6px;
+        }
       }
       .info {
         flex: 1;

src/components/livedModel/livedIsEnded.vue

@@ -30,6 +30,7 @@
         <div class="list">
           <div class="item" v-for="(item,index) in list" :key="index" :class="{'itemBorder':index!=list.length-1}">
             <div class="img" @click="toGoodsInfo(item)">
+              <div class="num">{{item.number}}</div>
               <img :src="item.productImgUrl" alt />
             </div>
             <div class="info">
@@ -281,11 +282,22 @@ export default {
             height: 100px;
             border-radius: 6px;
             overflow: hidden;
+            position: relative;
             img {
               width: 100%;
               height: 100%;
               object-fit: cover;
             }
+            .num {
+              position: absolute;
+              top: 0;
+              left: 0;
+              color: #fff;
+              font-size: 12px;
+              background: #666;
+              padding: 2px 6px;
+              border-bottom-right-radius: 6px;
+            }
           }
           .info {
             flex: 1;