🌈 style(性能测评):修改样式

src/pages/details/index.module.scss

@@ -184,8 +184,9 @@ page {
       margin-bottom: 25xp;
     }
     .scroll_box {
+      margin: 20px;
       padding-top: 30px;
-      width: 100%;
+      // width: 100%;
       border-radius: 16px;
       height: 450px;
       background-color: #fff;
@@ -266,7 +267,8 @@ page {
     .tag_box {
       padding-top: 30px;
       // padding-bottom: 30px;
-      width: 100%;
+      // width: 100%;
+      margin: 20px;
       border-radius: 16px;
       background-color: #fff;
       margin-top: 25px;

src/pages/details/index.tsx

@@ -408,33 +408,6 @@ const Details = (props: Params) => {
               </View>
             </View>
           </View>
-
-          {!!productInfo?.product_screw_id
-            && <View style={{ margin: '20rpx' }}>
-              <Recommend onClick={openProduct} data={recommendData} />
-            </View>}
-          <View className={styles.product_color}>
-            <View className={styles.title}>色号信息 ({productInfo?.product_color_list?.length})</View>
-            <View className={styles.list}>
-              {productInfo?.product_color_list?.map((item) => {
-                return (
-                  <View key={item.id} className={styles.item} onClick={() => handleClickProductColor(item)}>
-                    <View className={styles.item_color}>
-                      <LabAndImg
-                        value={{ lab: item.lab, rgb: item.rgb, texture_url: item.texture_url, title: item.code }}
-                        round
-                        name={formatRemoveHashTag(item.code)}
-                      />
-                    </View>
-                    <View className={styles.item_name}>{item.name}</View>
-                    <View className={styles.bulk_price}>{formatPriceDiv(item.bulk_price)}/Kg{
-                      (item!.last_bulk_price && item!.bulk_price !== item!.last_bulk_price) ? (item.bulk_price > item.last_bulk_price) ? <Text style={{ color: 'red', marginLeft: '10rpx' }}>↑</Text> : <Text style={{ color: 'green', marginLeft: '10rpx' }}>↓</Text> : null
-                    }</View>
-                  </View>
-                )
-              })}
-            </View>
-          </View>
           {
             videoList.length > 0 && <View className={styles.scroll_box}>
               <View className={styles.title}>性能测评</View>
@@ -491,6 +464,33 @@ const Details = (props: Params) => {
             </View>
           </View>
           }
+          {!!productInfo?.product_screw_id
+            && <View style={{ margin: '20rpx' }}>
+              <Recommend onClick={openProduct} data={recommendData} />
+            </View>}
+          <View className={styles.product_color}>
+            <View className={styles.title}>色号信息 ({productInfo?.product_color_list?.length})</View>
+            <View className={styles.list}>
+              {productInfo?.product_color_list?.map((item) => {
+                return (
+                  <View key={item.id} className={styles.item} onClick={() => handleClickProductColor(item)}>
+                    <View className={styles.item_color}>
+                      <LabAndImg
+                        value={{ lab: item.lab, rgb: item.rgb, texture_url: item.texture_url, title: item.code }}
+                        round
+                        name={formatRemoveHashTag(item.code)}
+                      />
+                    </View>
+                    <View className={styles.item_name}>{item.name}</View>
+                    <View className={styles.bulk_price}>{formatPriceDiv(item.bulk_price)}/Kg{
+                      (item!.last_bulk_price && item!.bulk_price !== item!.last_bulk_price) ? (item.bulk_price > item.last_bulk_price) ? <Text style={{ color: 'red', marginLeft: '10rpx' }}>↑</Text> : <Text style={{ color: 'green', marginLeft: '10rpx' }}>↓</Text> : null
+                    }</View>
+                  </View>
+                )
+              })}
+            </View>
+          </View>
+
           <View className={styles.product_detail}>
             <RichText nodes={html}></RichText>
           </View>