.

src/pages/feedback/index.config.js

@@ -0,0 +1,7 @@
+export default {
+  navigationBarTitleText: '个人信息',
+  navigationStyle: 'custom',
+  styleIsolation: 'shared',
+  enableShareAppMessage: true,
+  disableScroll: true,
+}

src/pages/feedback/index.jsx

@@ -0,0 +1,62 @@
+import { useState } from "react"
+import Taro from "@tarojs/taro"
+import { View, Image, Textarea } from "@tarojs/components"
+import withLayout from '@/layouts'
+import CustomNav from "@/components/CustomNav"
+import MyButton from "@/components/MyButton"
+import editImg from '@/assets/user/edit.png'
+import './style.less'
+
+export default withLayout((props) => {
+  const [value, setValue] = useState()
+  const [show, setShow] = useState(true)
+  const onChange=(e)=>{
+    if (e.detail.value) {
+      setValue(e.detail.value)
+    }else{
+      setShow(true)
+    }
+  }
+  const handleSumbit = () => { 
+    if (show) {
+      Taro.showToast({
+        title: '请输入您的建议',
+        icon: 'none',
+      })
+    } else{
+      Taro.showToast({
+        title: '已反馈',
+        icon: 'none',
+      })
+      Taro.navigateBack({delta:1})
+    }
+  }
+  return (
+    <View className='page-index'>
+      <View className='index-navbar'>
+        <CustomNav title='意见反馈' />
+      </View>
+      <View className='index-container feedback'>
+        <View className='content'>
+          <Textarea
+            value={value}
+            onFocus={()=>setShow(false)}
+            onBlur={onChange}
+            className='value'
+          />
+          {
+            show && 
+            <View className='defaultValue'>
+              <Image src={editImg} className='edit' />
+              请留下您宝贵的意见和建议！
+            </View>
+          }
+
+        </View>
+        <View className='bottomBtn'>
+          <MyButton value='提交' onClick={handleSumbit} />
+        </View>
+      </View>
+    </View>
+  )
+})

src/pages/feedback/style.less

@@ -0,0 +1,37 @@
+.feedback{
+  margin: 30px;
+  .content{
+    margin-top: 35px;
+    position: relative;
+    .value{
+      background: #FEFEFE;
+      border: 2px solid #BEBDBD;
+      border-radius: 20px;
+      padding: 37px 53px;
+      box-sizing: border-box;
+      width: 100%;
+      font-size: 34px;
+      font-weight: 400;
+    }
+    .defaultValue{
+      position: absolute;
+      top: 37px;
+      left: 53px;
+      font-size: 34px;
+      font-weight: 400;
+      color: #BEBDBD;
+      .edit{
+        width: 30px;
+        height: 30px;
+        margin-right: 16px;
+      }
+    }
+    
+  }
+  .bottomBtn{
+    margin-bottom: 32px;
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+  }
+}

src/pages/index/components/User/index.jsx

@@ -26,7 +26,9 @@ export default (props) => {
   const handleUpdate = () => {
     Taro.navigateTo({ url: '/pages/versionUpdate/index' });
    }
-  const handleFeedback = () => { }
+  const handleFeedback = () => { 
+    Taro.navigateTo({ url: '/pages/feedback/index' });
+  }
   const handleLogin = () => { 
     Taro.navigateTo({ url: '/pages/login/index' });
   }

src/pages/userInfo/style.less

@@ -46,7 +46,7 @@
     }
   }
   .bottomBtn{
-    margin-bottom: 30px;
+    margin-bottom: 12px;
     position: absolute;
     bottom: 0;
     width: 100%;

src/routes.js

@@ -54,6 +54,10 @@ const mainPages = [
     title: '版本更新',
     page: 'pages/versionUpdate/index',
   },  
+  {
+    title: '意见反馈',
+    page: 'pages/feedback/index',
+  },  
 ];
 
 // 所有的页面