修改个人中心样式

src/components/button/MyButton.tsx

@@ -1,5 +1,5 @@
 import {CSSProperties, FC} from "react";
-import {Button} from "@tarojs/components";
+import {Button, View} from "@tarojs/components";
 import styles from './myButton.module.scss'
 import {ButtonProps} from "@tarojs/components/types/Button";
 
@@ -33,12 +33,14 @@ const MyButton: FC<Props> = (props) => {
   }
 
   return (
+    <View className={styles.MybuttonBox}>
       <Button
         {...props}
         style={buttonStyle()}
         className={`${styles.Mybutton} ${props.className}`}>
         {props.children}
       </Button>
+    </View>
   )
 }
 export default MyButton

src/components/button/myButton.module.scss

@@ -1,13 +1,18 @@
 .Mybutton {
-  line-height: 76rpx;
   background: #45D4A8;
   border-radius: 10rpx;
   color: #fff;
   font-size: 32rpx;
   border: none !important;
   outline: none !important;
-  position: static;
+  position: absolute;
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }
+
+.MybuttonBox {
+  position: relative;
+  height: 76rpx;
+  line-height: 76rpx;
+}

src/components/popPut/popPut.tsx

@@ -58,7 +58,7 @@ const PopPut: FC<Props> = ({title, chevron, content, image, isProp, children, sh
       </View>
       {
         isProp
-        && <CustomPageContainer show={PageShow} position='bottom' round onBeforeLeave={() => setShow(false)}>
+        && <CustomPageContainer show={PageShow} position='bottom' round onClickOverlay={() => setShow(false)}>
           {children}
         </CustomPageContainer>
       }

src/pages/business/userInfo/userInfo.tsx

@@ -2,7 +2,7 @@ import {useState} from "react";
 import {Profile} from '@/store'
 import avatar from "@/static/img/avatar.png"
 import PopPut from "@/components/popPut/popPut";
-import {Button, Input, View} from "@tarojs/components";
+import {Input, View} from "@tarojs/components";
 import Taro from "@tarojs/taro";
 import {userApi} from "@/api";
 import styles from './userInfo.module.scss'
@@ -29,8 +29,8 @@ const List = () => {
   }
 
   async function putName() {
-    if (!name) {
-      Taro.showToast({title: "名称不能为空", icon: 'error'})
+    if (!name && name.length < 2) {
+      Taro.showToast({title: "名称不能小于2个字", icon: 'error'})
       return
     }
     const res = await userApi.putName(user?.id!, name)
@@ -41,6 +41,15 @@ const List = () => {
     }
   }
 
+  function outLogin() {
+    Taro.showModal({
+      title: '是否确定退出登录',
+      success({confirm}) {
+        confirm && empty()
+      }
+    })
+  }
+
 
   return (
     <>
@@ -48,7 +57,7 @@ const List = () => {
         <PopPut title='头像' image={avatar} chevron no_border/>
         <PopPut title='手机号' content={user?.phone_number} chevron no_border/>
         <PopPut title='昵称' content={user?.name} isProp show={show} no_border>
-          <View className='py-4 px-3'>
+          <View className='p-2'>
             <View className='text-center font-weigh mb-3'>修改昵称</View>
             <Input className='input'
                    placeholder='请输入昵称'
@@ -56,15 +65,15 @@ const List = () => {
                    cursorSpacing={110}
                    value={name}
             />
-            <View className='text-muted my-3 font-24'>限制4-20个字符，可由中英文、数字、“_”、“-”组成</View>
-            <Button className={styles.button} onClick={putName}>确定</Button>
+            <View className='text-muted my-3 font-24'>限制2-20个字符，可由中英文、数字、“_”、“-”组成</View>
+            <MyButton onClick={putName}>确定</MyButton>
           </View>
         </PopPut>
 
         <PopPut title='解绑微信' onClick={unbind} no_border/>
       </View>
       <View className={styles.buttonFixed}>
-        <MyButton onClick={empty}>退出登录</MyButton>
+        <MyButton onClick={outLogin}>退出登录</MyButton>
       </View>
     </>
   )

src/static/css/module.scss

@@ -13,10 +13,9 @@ body {
 }
 
 .input {
-  height: 84rpx;
   background: #F5F8F7;
   border-radius: 8px;
-  padding: 0 20px;
+  padding: 10rpx 20rpx;
 }
 
 .form {