合并dev

2022-05-09 09:57:00 +08:00
parent 948bf72622
commit c2766e2b56
12 changed files with 300 additions and 47 deletions
@@ -0,0 +1,47 @@
+.order_popup{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 20px 0;
+    .order_popup_title{
+        color: $font_size_big;
+        font-weight: 700;
+        color: #000000;
+        padding-bottom: 20px;
+    }               
+    .order_popup_input{
+        width: 100%;
+        padding: 0 25px;
+        box-sizing: border-box;
+        margin-top: 43px;
+        position: relative;
+        .descDataNum{
+            position: absolute;
+            right: 40px;
+            bottom: 10px;
+            height: 39px;
+            font-size: $font_size_medium;
+            color: $color_font_two;
+        }
+        textarea{
+            background-color: $color_bg_one;
+            border-radius: 10px;
+            width: 100%;
+            height: 313px;
+            padding: 20px;
+            padding-bottom: 50px;
+            box-sizing: border-box;
+            font-size: $font_size;
+        }
+    }
+    .order_save_address{
+        height: 82px;
+        background: #007aff;
+        border-radius: 40px;
+        width: 668px;
+        text-align: center;
+        line-height: 82px;
+        color: #fff;
+        margin-top: 60px;
+    }       
+}
@@ -0,0 +1,35 @@
+import Popup from "@/components/popup"
+import { Textarea, View } from "@tarojs/components"
+import { useCallback, useState } from "react"
+import styles  from './index.module.scss'
+
+type Param = {
+    onBlur?: (val:any) => void
+    onSave?: (val: string) => void
+}
+export default ({onBlur, onSave}:Param) => {
+    const [descData, setDescData] = useState({
+        number: 0,
+        value: ''
+    })
+
+
+    const getDesc = useCallback((e) => {
+        let value = e.detail.value
+        setDescData({...descData, number:value.length, value})
+    },[])
+
+    const setSave = () => {
+        onSave?.(descData.value)
+    }
+    return (
+        <View className={styles.order_popup}>
+            <View className={styles.order_popup_title}>添加备注</View>
+            <View className={styles.order_popup_input}>
+                <Textarea placeholder="请添加备注" maxlength={200} cursorSpacing={100} onInput={(e) => getDesc(e)} onBlur={(e) => onBlur?.(e)}></Textarea>
+                <View className={styles.descDataNum}>{descData.number}/200</View>
+            </View>
+            <View className={styles.order_save_address} onClick={() => setSave()}>保存</View>
+        </View>
+    )
+}