登录封装完成

src/pages/order/components/remark/index.module.scss

@@ -24,7 +24,7 @@
             color: $color_font_two;
         }
         textarea{
-            background-color: $color_bg_one;
+            background-color: #f3f3f3;
             border-radius: 10px;
             width: 100%;
             height: 313px;
@@ -32,6 +32,7 @@
             padding-bottom: 50px;
             box-sizing: border-box;
             font-size: $font_size;
+            border: 2px solid #e6e6e6;
         }
     }
     .order_save_address{

src/pages/order/components/remark/index.tsx

@@ -10,13 +10,13 @@ type Param = {
 export default ({onBlur, onSave}:Param) => {
     const [descData, setDescData] = useState({
         number: 0,
-        value: ''
+        value: '',
+        count: 10
     })
-
-
     const getDesc = useCallback((e) => {
         let value = e.detail.value
-        setDescData({...descData, number:value.length, value})
+        let res = value.slice(0, descData.count)
+        setDescData({...descData, number:res.length, value: res})
     },[])
 
     const setSave = () => {
@@ -26,8 +26,8 @@ export default ({onBlur, onSave}:Param) => {
         <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>
+                <Textarea placeholder="请添加备注" maxlength={10} cursorSpacing={100} onInput={(e) => getDesc(e)} onBlur={(e) => onBlur?.(e)}></Textarea>
+                <View className={styles.descDataNum}>{descData.number}/{descData.count}</View>
             </View>
             <View className={styles.order_save_address} onClick={() => setSave()}>保存</View>
         </View>