xx

app.json

@@ -33,6 +33,8 @@
     "pages/mine/seeIdCard/index",
     "pages/mine/versionPage/index",
     "pages/mine/myJob/index",
+    "pages/mine/opinion/index",
+    "pages/mine/opinionList/index",
     
     "pages/mine/wxMoney/index",
     "pages/message/index",

pages/mine/index.wxml

@@ -180,7 +180,7 @@
   </view>
 
 
-  <navigator hover-class target url="{{isLogin? './setting/index': '/pages/login/index'}}">
+  <navigator hover-class target url="{{isLogin? './opinion/index': '/pages/login/index'}}">
     <view class="br_8" hover-class="none" style="background-color:#fff" hover-stop-propagation="false">
       <view class="setting" hover-class="thover" style="margin-top:10px;">
         <view>

pages/mine/opinion/index.js

@@ -0,0 +1,76 @@
+// pages/opinion/index.js
+Page({
+	/**
+	 * 页面的初始数据
+	 */
+	data: {
+		textVal: "",
+		loading: false,
+		success: false,
+	},
+  goList(){
+    wx.navigateTo({
+      url: '../opinionList/index',
+    })
+  },
+	/**
+	 * 生命周期函数--监听页面加载
+	 */
+	onLoad(options) {},
+
+	/**
+	 * 生命周期函数--监听页面初次渲染完成
+	 */
+	onReady() {},
+
+	/**
+	 * 生命周期函数--监听页面显示
+	 */
+	onShow() {},
+	/**
+	 * 意见提交事件
+	 *
+	 *
+	 */
+	submit() {
+		const that = this;
+		that.setData({
+			loading: true,
+		});
+		setTimeout(() => {
+			that.setData({
+				loading: false,
+				success: true,
+			});
+		}, 2000);
+	},
+	goback() {
+		wx.navigateBack({
+			delta: 1,
+		});
+	},
+	/**
+	 * 生命周期函数--监听页面隐藏
+	 */
+	onHide() {},
+
+	/**
+	 * 生命周期函数--监听页面卸载
+	 */
+	onUnload() {},
+
+	/**
+	 * 页面相关事件处理函数--监听用户下拉动作
+	 */
+	onPullDownRefresh() {},
+
+	/**
+	 * 页面上拉触底事件的处理函数
+	 */
+	onReachBottom() {},
+
+	/**
+	 * 用户点击右上角分享
+	 */
+	onShareAppMessage() {},
+});

pages/mine/opinion/index.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "反馈与建议"
+}

pages/mine/opinion/index.wxml

@@ -0,0 +1,16 @@
+<view class="container">
+  <view class="submit"  wx:if="{{!success}}"  hover-class="none" hover-stop-propagation="false">
+    <textarea class="bgf textarea br8 f14" value="{{textVal}}" maxlength="140" placeholder="我们想听听您的心声，您的描述信息越全，问题越可能有效解决。" placeholder-class="f14 cccc" bindinput bindfocus bindblur bindconfirm></textarea>
+    <button class="normalBtn loginOut f16" bindtap="submit" style="margin-top:90px" loading="{{loading}}">提交</button>
+    <view class="tac mt16" style="color:#576B95" hover-class="thover" bindtap="goList" hover-stop-propagation="false">查看记录</view>
+  </view>
+  <view class="success" wx:else hover-class="none" hover-stop-propagation="false">
+    <view class="tc" style="padding-top: 100px;">
+      <icon class="iconfont icon-tijiaochenggong lh1" style="color:#07c160;font-size:70px"></icon>
+      <view class="successText mt20 f22 fw500 lh1">已提交</view>
+      <view class="f14 c9 mt16" hover-class="none" hover-stop-propagation="false">感谢您的宝贵意见，我们会第一时间处理哈~</view>
+      <button class="normalBtn loginOut f16" bindtap="goback" style="margin-top:50px" loading="{{loading}}">返回</button>
+      <view class="tac mt16" style="color:#576B95" hover-class="thover" bindtap="goList" hover-stop-propagation="false">查看记录</view>
+    </view>
+  </view>
+</view>

pages/mine/opinion/index.wxss

@@ -0,0 +1,15 @@
+.container {
+	padding: 10px;
+  height: 100vh;
+  box-sizing: border-box;
+}
+.textarea {
+	width: 100%;
+  height: 200px;
+  padding: 12px;
+  line-height: 20px;
+  box-sizing: border-box;
+}
+.lh20{
+  line-height: 20px;
+}

pages/mine/opinionList/index.js

@@ -0,0 +1,66 @@
+// pages/opinionList/index.js
+Page({
+	/**
+	 * 页面的初始数据
+	 */
+	data: {
+		list: [
+			{
+				time: "2023-09-09 17:50",
+				state: "已反馈",
+				content: "我是建议我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的",
+			},
+			{
+				time: "2023-09-09 17:51",
+				state: "已反馈",
+				content: "我是建议我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的",
+			},
+			{
+				time: "2023-09-09 17:52",
+				state: "已回复",
+				content: "我是建议我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的我可以很长很长的",
+				reply: "我是回复我是回复我是回复我是回复",
+			},
+		],
+	},
+
+	/**
+	 * 生命周期函数--监听页面加载
+	 */
+	onLoad(options) {},
+
+	/**
+	 * 生命周期函数--监听页面初次渲染完成
+	 */
+	onReady() {},
+
+	/**
+	 * 生命周期函数--监听页面显示
+	 */
+	onShow() {},
+
+	/**
+	 * 生命周期函数--监听页面隐藏
+	 */
+	onHide() {},
+
+	/**
+	 * 生命周期函数--监听页面卸载
+	 */
+	onUnload() {},
+
+	/**
+	 * 页面相关事件处理函数--监听用户下拉动作
+	 */
+	onPullDownRefresh() {},
+
+	/**
+	 * 页面上拉触底事件的处理函数
+	 */
+	onReachBottom() {},
+
+	/**
+	 * 用户点击右上角分享
+	 */
+	onShareAppMessage() {},
+});

pages/mine/opinionList/index.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "反馈记录"
+}

pages/mine/opinionList/index.wxml

@@ -0,0 +1,8 @@
+<view class="sub f14" wx:for="{{list}}" hover-class="none" hover-stop-propagation="false">
+  <view class="fsa mb8 c9" hover-class="none" hover-stop-propagation="false">
+    <view class hover-class="none" hover-stop-propagation="false">{{item.time}}</view>
+    <view class hover-class="none" hover-stop-propagation="false">{{item.state}}</view>
+  </view>
+  <view class="c6" hover-class="none" hover-stop-propagation="false">{{item.content}}</view>
+  <view class="c3 pt8 mt8 btd1" wx:if="{{item.reply}}" hover-class="none" hover-stop-propagation="false">{{item.reply}}</view>
+</view>

pages/mine/opinionList/index.wxss

@@ -0,0 +1,12 @@
+/* pages/opinionList/index.wxss */
+page {
+	padding: 10px;
+}
+.sub {
+	background-color: #fff;
+	margin-bottom: 10px;
+	border-radius: 8px;
+}
+.sub{
+  padding: 12px 10px;
+}