商品详情50%

pages/homeIndex/orderdetails.vue

@@ -58,6 +58,9 @@
           </div>
         </div>
       </div>
+      <div class="product-details">
+        <div class="hearder">商品详情</div>
+      </div>
     </div>
   </div>
 </template>
@@ -207,6 +210,28 @@ console.log(GoodsId)
         }
       }
     }
+    .product-details{
+      .hearder{
+        position: relative;
+        color: #252B3A;
+        font-size: .1042rem;
+        height: .2083rem;
+        line-height: .2083rem;
+        margin-left: .0521rem;
+      }
+      .hearder::before{
+        position: absolute;
+        top: 50%;
+        left: 0;
+        width: .0156rem;
+        height: .0938rem;
+        background-color: #FF4E8D;
+        transform: translateY(-50%);
+        content: ' ';
+        display: flex;
+        
+      }
+    }
   }
 }
 </style>