✨ feat(售后模块):退货页面开发完毕，剩余退款页面

src/components/uploadImage/index.module.scss

@@ -1,13 +1,18 @@
-.image_main{
+.image_main {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
-    .uploadImg{
-        width: 202px;
-        height: 150px;
-        background: #f0f0f0;
-        border: 2px dashed #cccccc;
-        border-radius: 10px;
+
+    .uploadImg {
+        // width: 202px;
+        // height: 150px;
+        // background: #f0f0f0;
+        // border: 2px dashed #cccccc;
+        // border-radius: 10px;
+        width: 143px;
+        height: 143px;
+        background: #F3F3F3;
+        border-radius: 8px;
         display: flex;
         flex-direction: column;
         justify-content: center;
@@ -15,30 +20,37 @@
         position: relative;
         margin: 0 0 20px 20px;
         position: relative;
-        .miconfont{
-            font-size: 50px;
+
+        .miconfont {
+            color: #d8d8d8;
+            font-size: 100px;
         }
-        .uploadText{
-            font-size: 26px;
-            color: $color_font_three;
-        }
-        
+
+        // .uploadText {
+        //     font-size: 26px;
+        //     color: $color_font_three;
+        // }
+
 
     }
-    .ImgItem{
-        width: 202px;
-        height: 150px;
-        background: #f0f0f0;
+
+    .ImgItem {
+        width: 143px;
+        height: 143px;
+        background: #F3F3F3;
+        border-radius: 8px;
         margin-left: 20px;
         margin-bottom: 20px;
         position: relative;
         border-radius: 10px;
-        image{
+
+        image {
             width: 100%;
             height: 100%;
             border-radius: 10px;
         }
-        .miconfont_close{
+
+        .miconfont_close {
             width: 43px;
             height: 43px;
             background-color: #ccc;

src/components/uploadImage/index.tsx

@@ -55,13 +55,13 @@ const PictureItem: FC<ImageParam> = memo(({ onChange, defaultList, onlyRead = fa
       {imageList?.map((item, index) => (
         <View className={styles.ImgItem}>
           <Image mode='aspectFill' src={formatImgUrl(item)} onClick={showImage}></Image>
-          {!onlyRead && <View onClick={() => delImage(index)} className={classnames(styles.miconfont_close, 'iconfont icon-qingkong')}></View>}
+          {!onlyRead && <View onClick={() => delImage(index)} className={classnames(styles.miconfont_close, 'iconfont icon-guanbi')}></View>}
         </View>
       ))}
       {!onlyRead && (
         <View className={styles.uploadImg} onClick={uploadImage}>
-          <Text className={classnames(styles.miconfont, 'iconfont icon-shangchuanzhaopian')}></Text>
-          <Text className={styles.uploadText}>上传照片</Text>
+          <Text className={classnames(styles.miconfont, 'iconfont icon-xinzeng')}></Text>
+          {/* <Text className={styles.uploadText}>上传照片</Text> */}
         </View>
       )}
     </View>