feat: 商品详情的卡片调整

src/pages/index/components/module/DetailCardCompontent/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="container">
+  <view class="w-full">
     <template v-if="toolCall.picture && toolCall.picture.length > 0">
       <ModuleTitle :title="图片详情" />
       <ImageSwiper :images="toolCall.picture" />

src/pages/index/components/module/DetailCardCompontent/styles/index.scss

@@ -1,4 +0,0 @@
-.container {
-  width: 100%;
-  padding: 12px 0;
-}

src/static/scss/padding.scss

@@ -1,4 +1,24 @@
 // 内边距
+.p-6 {
+  padding: 6px;
+}
+
+.pt-6 {
+  padding-top: 6px;
+}
+
+.pb-6 {
+  padding-bottom: 6px;
+}
+
+.pl-6 {
+  padding-left: 6px;
+}
+
+.pr-6 {
+  padding-right: 6px;
+}
+
 .p-8 {
   padding: 8px;
 }
@@ -11,6 +31,14 @@
   padding-bottom: 8px;
 }
 
+.pl-8 {
+  padding-left: 8px;
+}
+
+.pr-8 {
+  padding-right: 8px;
+}
+
 .p-12 {
   padding: 12px;
 }
@@ -19,6 +47,10 @@
   padding-top: 12px;
 }
 
+.l-12 {
+  padding-left: 12px;
+}
+
 .pr-12 {
   padding-right: 12px;
 }