🎈 perf(界面优化):

config/index.js

@@ -60,7 +60,9 @@ const config = {
     postcss: {
       pxtransform: {
         enable: true,
-        config: {},
+        config: {
+          onePxTransform: false,
+        },
       },
       url: {
         enable: true,

src/pages/details/index.module.scss

@@ -66,8 +66,10 @@
     }
     .con {
       display: grid;
-      grid-template-columns: auto auto;
+      grid-template-columns: 50% 50%;
-      font-size: $font_size_medium;
+      grid-template-rows: auto auto auto;
+      grid-template-areas: 'a b' 'c d' 'e e';
+      font-size: 26px;
       color: $color_font_three;
       background-color: rgba(247, 247, 247, 0.6);
       border-radius: 8px;
@@ -77,6 +79,9 @@
       .des_text {
         display: flex;
         margin-bottom: 24px;
+        &:nth-child(5) {
+          grid-area: e;
+        }
         text {
           flex: 1;
           color: #333333;
@@ -95,6 +100,7 @@
     .title {
       color: rgba(0, 0, 0, 0.8);
       font-weight: 500;
+      font-size: 28px;
     }
     .list {
       margin-top: 30px;

src/pages/details/index.tsx

@@ -247,7 +247,7 @@ export default (props: Params) => {
           <View className={styles.customer_service}>
             <View className={classnames('iconfont icon-kefu', styles.miconfont)}></View>
             <View className={styles.text}>
-              客服
+              询货/咨询
               <Button
                 className={styles.wxBtn}
                 openType='contact'

src/pages/index/components/productClass/index.module.scss

@@ -33,6 +33,7 @@
         border: 1px solid #3c78f4;
         color: #3c78f4;
         background: #ecf2ff;
+        box-sizing: border-box;
       }
     }
   }
@@ -71,7 +72,7 @@
   .product_class_scroll {
     box-sizing: border-box;
     max-height: 500px;
-    padding: 20px 20px 0 20px;
+    padding: 15px 20px 0 10px;
     .product_class_list {
       display: flex;
       flex-wrap: wrap;

src/pages/index/components/productClass/index.tsx

@@ -15,9 +15,7 @@ type ParamProduct = Omit<Param, 'open'>
 
 export default (option: Param) => {
   const { open = false, onOpenClick, onSelect, list, defaultSelectId } = option
-  //   const [defaultSelectIded, setDefaultSelectIded] = useState(-1)
   const getSelect = (id) => {
-    // setDefaultSelectIded(id)
     onSelect?.(id)
   }
   return (