产品多线条简化代码

src/components/common/ProductCard.vue

@@ -22,20 +22,7 @@
 
        <van-row type="flex" justify="center" >
                       <div class="lines" style="z-index: 1; position:absolute;  left:0px; width: 98%;margin:0 1%;margin-top: 1.5%;">
-        <div style="width: 100%; height: 5px; border-bottom: 1px silver solid;"></div>
-        <div style="width: 100%; height: 5px; border-bottom: 1px silver solid;"></div>
-        <div style="width: 100%; height: 5px; border-bottom: 1px silver solid;"></div>
-        <div style="width: 100%; height: 5px; border-bottom: 1px silver solid;"></div>
-        <div style="width: 100%; height: 5px; border-bottom: 1px silver solid;"></div>
-
-        <div style="width: 100%; height: 5px; border-bottom: 1px silver solid;"></div>
-        <div style="width: 100%; height: 5px; border-bottom: 1px silver solid;"></div>
-        <div style="width: 100%; height: 5px; border-bottom: 1px silver solid;"></div>
-        <div style="width: 100%; height: 5px; border-bottom: 1px silver solid;"></div>
-        <div style="width: 100%; height: 5px; border-bottom: 1px silver solid;"></div>
-        
-        <div style="width: 100%; height: 5px; border-bottom: 1px silver solid;"></div>
-        <div style="width: 100%; height: 5px; border-bottom: 1px silver solid;"></div>
+        <div v-for="index in 12" :key="index" style="width: 100%; height: 5px; border-bottom: 1px silver solid;"></div>
 
       </div>
       </van-row>