售后开发

2022-06-07 17:22:48 +08:00
parent a552a023f8
commit 8eff3a0737
48 changed files with 2665 additions and 31 deletions
@@ -0,0 +1,63 @@
+
+.apply_after_sales_main{
+    .apply_after_sales_head{
+        font-size: 30px;
+        text-align: center;
+        padding: 20px 0;
+        font-weight: 700;
+    }
+    .kind_number{
+        width: 100%;
+        padding:  20px;
+        box-sizing: border-box;
+        text{
+            background-color: #F6F6F6;
+            border-radius: 10px;
+            font-size: $font_size_medium;
+            padding: 5px 0;
+            text-align: center;
+            width: 100%;
+            display: block;
+            color: $color_font_three;
+        }
+    }
+    .apply_after_sales_con{
+        padding: 0 20px;
+        .apply_after_sales_title{
+            display: flex;
+            align-items: center;
+            .tag{
+                font-size: $font_size_min;
+                background-color: #CDE5FF;
+                padding: 5px 10px;
+                border-radius: 6px;
+                color: $color_main;
+            }
+            .title{
+                font-weight: 700;
+                font-size: $font_size;
+                margin-left: 20px;
+                flex:1;
+            }
+        }
+        .color_list {
+            .color_item{
+                display: flex;
+                align-items: center;
+            }
+            .image{
+                width: 70px;
+                height: 70px;
+                image{
+                    width: 100%;
+                    height: 100%;
+                    border-radius: 50%;
+                }
+            }
+            .name_and_number{
+                
+            }
+        }
+    }
+}
+
@@ -0,0 +1,35 @@
+import { Image, Text, View } from "@tarojs/components";
+import { memo, useState } from "react";
+import classnames from "classnames";
+import styles  from './index.module.scss'
+import Popup from "@/components/popup";
+import { formatImgUrl } from "@/common/fotmat";
+import Counter from "@/components/counter";
+
+export default memo(() => {
+    const [showDesc, setShowDesc] = useState(true)
+    return (
+        <View className={styles.apply_after_sales_main}>
+            <Popup show={showDesc} showTitle={false} onClose={() => setShowDesc(false)} >
+                <View className={styles.apply_after_sales_head}>申请退货</View>
+                <View className={styles.kind_number}><Text>2种面料，3种颜色，共6条</Text></View>
+                <View className={styles.apply_after_sales_con}>
+                    <View className={styles.apply_after_sales_title}>
+                        <View className={styles.tag}>大货</View>
+                        <View className={styles.title}>0770# 21S单面平纹(食毛)</View>
+                    </View>
+                    <View className={styles.color_list}>
+                        <View className={styles.color_item}>
+                            <View className={styles.image}><Image src={formatImgUrl('')}/></View>
+                            <View className={styles.name_and_number}><Text>1# 薄荷绿</Text><Text>x1</Text></View>
+                            <View className={styles.name_and_number}>
+                                <Counter/>
+                            </View>
+                        </View>
+                    </View>
+                </View>
+                <View className="common_safe_area_y"></View>
+            </Popup>
+        </View>
+    )
+})