电子商城测试版v3

2022-06-30 20:31:51 +08:00
parent d0d4219413
commit 4ac7890915
22 changed files with 452 additions and 107 deletions
@@ -0,0 +1,47 @@
+
+.collection_con{
+    padding: 20px ;
+    .header{
+        display: flex;
+        justify-content: center;
+        position: relative;
+        .title{
+            font-size: 30px;
+            font-weight: 700;
+        }
+        .miconfont_con{
+            position: absolute;
+            right: 10px;
+            top: 0;
+            font-size: 26px;
+            color: #007AFF;
+            .miconfont{
+                font-size: 30px;
+                color: #007AFF;
+                border: 1px solid #007AFF;
+                border-radius: 50%;
+                margin-right: 10px;
+            }
+        }
+    }
+    .scrollView{
+        height: 60vh;
+    }
+    .collection_item{
+        padding: 30px 0 15px 0;
+        border-bottom: 1px solid #F3F3F3;
+        .name{
+            font-size: 26px;
+            font-weight: 700;
+            text{
+                font-weight: normal;
+            }
+        }
+        .desc{
+            font-size: 22px;
+            color: #707070;
+            padding-left: 10px;
+            margin-top: 20px;
+        }
+    }
+}
@@ -0,0 +1,49 @@
+import Popup from "@/components/popup";
+import { Input, ScrollView, Text, View } from "@tarojs/components";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import classnames from "classnames";
+import styles  from './index.module.scss'
+import TextareaEnhance from "@/components/textareaEnhance";
+import { CreateFavoriteApi, FavoriteListApi } from "@/api/favorite";
+import { alert, goLink } from "@/common/common";
+import { getFilterData } from "@/common/util";
+
+//原因选择
+type ReasonInfoParam = {
+    show?: boolean, //显示 
+    onClose?: () => void, //关闭
+    onAdd?: (val: any) => void
+
+}
+export default memo(({show = false, onClose, onAdd}: ReasonInfoParam) => {
+    //获取列表
+    const [list, setList] = useState([])
+    const {fetchData: fetchDataList} = FavoriteListApi()
+    const getFavoriteList = async () => {
+        let res = await fetchDataList(getFilterData())
+        setList(() => res.data.list)
+    }
+    useEffect(() => {
+        if(show) getFavoriteList()
+    }, [show])
+
+    return (
+        <Popup show={show} onClose={onClose} showTitle={false} >
+            <View className={styles.collection_con}>
+                <View className={styles.header}>
+                    <Text className={styles.title}>选择文件夹</Text>
+                    <View className={styles.miconfont_con} >
+                        <Text className={classnames(styles.miconfont, 'iconfont icon-jia')}></Text>
+                        <Text onClick={() => goLink('/pages/collection/index')}>新建</Text>
+                    </View>
+                </View>
+                <ScrollView scrollY className={styles.scrollView}>
+                    {list?.map((item: any) => <View onClick={() => onAdd?.(item)} className={styles.collection_item}>
+                        <View className={styles.name}>{item.name}<Text>（{item.product_color_list?.length||0}）</Text></View>
+                        <View className={styles.desc}>{item.remark}</View>
+                    </View>)}
+                </ScrollView>
+            </View>
+        </Popup>
+    )
+})