Jelajahi Sumber

新增意见反馈静态页面

宋飞扬 1 tahun lalu
induk
melakukan
faa9c884e6

+ 6 - 0
src/pages.json

@@ -244,6 +244,12 @@
             "navigationBarTitleText": "关于我们"
           }
         },
+        {
+          "path": "mine/setting/feedback",
+          "style": {
+            "navigationBarTitleText": "意见反馈"
+          }
+        },
         {
           "path": "serviceCenter",
           "style": {

+ 51 - 0
src/pages/client/clientUser/mine/setting/feedback.vue

@@ -0,0 +1,51 @@
+<template>
+  <view class="feedback-container">
+    <u--textarea class="textarea"  v-model="feedback" maxlength='150'  placeholder="请输入" count ></u--textarea>
+
+    <u-button type="primary" @click="submitFeedback" text="提交反馈"></u-button>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      feedback: "",
+    };
+  },
+  methods: {
+    submitFeedback() {
+      // 在这里可以添加提交反馈的逻辑,可以使用 uni.request 发送 HTTP 请求
+      console.log("提交反馈:", this.feedback);
+
+      // 提交成功后可以给用户一些提示,例如:
+      uni.showToast({
+        title: "反馈提交成功",
+        icon: "success",
+        duration: 2000,
+      });
+
+      // 清空反馈内容
+      this.feedback = "";
+    },
+  },
+};
+</script>
+
+<style scoped>
+.feedback-container {
+  padding: 20px;
+}
+
+.u-textarea {
+  height: 150px;
+  border: 1px solid;
+  margin-bottom: 10px;
+}
+
+.u-button {
+  width: 100%;
+  border-radius: 15rpx;
+  margin-top: 30rpx;
+}
+</style>

+ 6 - 0
src/pages/client/tabBar/mine/TapList.vue

@@ -72,6 +72,12 @@ export default {
           title: '关于我们',
           url: '/pages/client/clientUser/mine/setting/aboutMine',
         },
+        {
+          id: '4',
+          icon: 'setting-fill',
+          title: '意见反馈',
+          url: '/pages/client/clientUser/mine/setting/feedback',
+        },
       ],
     };
   },