样式调整

src/views/mall/components/details/order/confirm.vue

@@ -4,7 +4,7 @@
     <AddressSelection v-model="addressState" class="addressBox" />
     
     <!-- 购买的商品信息 -->
-    <div class="goodsListBox mb-3">
+    <v-card class="goodsListBox mb-3 pa-3">
       <s-goods-item
         v-for="(item, index) in state.orderInfo.items"
         :key="item.skuId"
@@ -13,9 +13,9 @@
         :skuText="item.properties.map((property) => property.valueName).join(' ')"
         :price="item.price"
         :num="item.count"
-        :marginTop="index ? '0' : '12'"
+        :style="{'marginTop': index ? '8px' : '0px'}"
       />
-    </div>
+    </v-card>
 
     <!-- 价格信息 -->
     <div>
@@ -310,8 +310,8 @@
   }
   .goodsListBox {
     // background: linear-gradient(to bottom, #e93323 0%, #e93323 100%);
-    background: linear-gradient(to bottom, var(--v-primary-base) 0%, var(--v-primary-base) 100%);
-    border-radius: 1px;
+    // background: linear-gradient(to bottom, var(--v-primary-base) 0%, var(--v-primary-base) 100%);
+    border-radius: 4px;
   }
   .order-item {
     color: #7a7a7a;

src/views/mall/components/s-goods-item/index.vue

@@ -1,9 +1,6 @@
 <template>
   <div class="box">
-    <div
-      class="d-flex"
-      :style="[{ borderRadius: radius + 'px', marginTop: marginTop + 'px' }]"
-    >
+    <div class="d-flex">
       <div style="width: 80px; height: 80px;" class="mr-3">
         <v-img :src="img" :aspect-ratio="1" style="border-radius: 8px;"></v-img>
       </div>
@@ -99,7 +96,8 @@
 
 <style lang="scss" scoped>
 .box {
-  background-color: var(--default-bgc);
+  // background-color: var(--default-bgc);
+  background-color: #e9e9e9;
   border-radius: 8px;
   padding: 12px;
   // border: 1px dashed #000000;