意见管理页面重新设计

miniprogram/app.json

@@ -1,6 +1,5 @@
 {
   "pages": [
-    "pages/opinion/opinion",
     "pages/main/main",
     "pages/publisher/publisher",
     "pages/publisherPage/publisherPage",
@@ -16,6 +15,7 @@
     "pages/receivedQuestion/receivedQuestion",
     "pages/publisherInfoChange/publisherInfoChange",
     "pages/aboutUs/aboutUs",
+    "pages/opinion/opinion",
     "pages/myPublish/myPublish",
     "pages/administratorSetting/administratorSetting",
     "pages/myColor/myColor",

miniprogram/pages/opinion/opinion.wxml

@@ -1,130 +1,63 @@
 <!--为我的-意见反馈页面-->
-<view class="main">
-  <view class="block">
+<view wx:if="{{currentTab == 0}}">
+  <view class="block" bindtap="switch1">
     <view class="cate">问题类型</view>
-    <input class="input" placeholder="请选择问题类型" model:value="{{inviteCode}}" />
+    <input class="input" disabled placeholder="请选择问题类型" />
     >
   </view>
   <view class="block2">
-    <textarea class="textarea" placeholder="说说你的意见和问题，上传截图会更快解决哦~" model:value="{{publisherName}}" />
-    </view>
+    <textarea class="textarea" placeholder="说说你的意见和问题，上传截图会更快解决哦~"></textarea>
+  </view>
   <view class="block3">
     <view class="cate">上传图片</view>
-    <imagePicker images="{{publisherAvatar}}" max="1" image-width="450" image-height="450"
-      bindchange="bindAvatarChange" />
+    <imagePicker images="{{publisherAvatar}}" max="1" image-width="450" image-height="450" />
   </view>
   <view class="block">
     <view class="cate">联系方式</view>
-    <input class="input" placeholder="解决问题后会及时给您回复" model:value="{{publisherContact}}" />
+    <input class="input" placeholder="解决问题后会及时给您回复" />
   </view>
   <button class="button primary-background-color white-text-color" bindtap="switch4">提交</button>
 </view>
+
+
 <view wx:if="{{currentTab == 1}}">
-  <view class="con">
-    <view class="title2">请选择反馈类型</view>
+  <view class="sub-text secondary-text-color">选择问题类型</view>
+  <view class="block4" bindtap="switch2">
+    <view class="cate">功能异常</view>>
+  </view>
+  <view class="block4">
+    <view class="cate">产品建议</view>
   </view>
-  <view class="subTitle">向开发者反馈</view>
-  <view class="con">
-    <view class="buttons">
-      <view><button class="button primary-background-color white-text-color" bindtap="switch1"
-          plain="true">功能异常</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch2"
-          plain="true">支付问题</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch3"
-          plain="true">产品建议</button></view>
-    </view>
+  <view class="block4">
+    <view class="cate">违规举报</view>
   </view>
-  <view class="subTitle">向微信平台投诉</view>
-  <view class="con">
-    <view class="buttons">
-      <view><button class="button primary-background-color white-text-color" bindtap="switch4"
-          plain="true">违规举报</button></view>
-    </view>
+  <view class="block4">
+    <view class="cate">其他</view>
   </view>
 </view>
 
-<view wx:if="{{currentTab == 1}}" class="con">
-  <view class="title2">请选择反馈内容</view>
-  <view><button class="button2 primary-border-color" bindtap="switch1_1">无法打开小程序</button></view>
-  <view><button class="button2 primary-border-color" bindtap="switch1_2">小程序闪退</button></view>
-  <view><button class="button2 primary-border-color" bindtap="switch1_3">卡顿</button></view>
-  <view><button class="button2 primary-border-color" bindtap="switch1_4">黑屏白屏</button></view>
-  <view><button class="button2 primary-border-color" bindtap="switch1_5">死机</button></view>
-  <view><button class="button2 primary-border-color" bindtap="switch1_6">界面错位</button></view>
-  <view><button class="button2 primary-border-color" bindtap="switch1_7">界面加载慢</button></view>
-  <view><button class="button2 primary-border-color" bindtap="switch1_8">其他异常</button></view>
-</view>
 
 <view wx:if="{{currentTab == 2}}" class="con">
-  <view class="con">
-    <view class="title2">请选择反馈内容</view>
-    <view class="buttons">
-      <view><button class="button2 primary-border-color" bindtap="switch2_1">支付失败</button></view>
-      <view><button class="button2 primary-border-color" bindtap="switch2_2">支付成功未生效</button></view>
-      <view><button class="button2 primary-border-color" bindtap="switch2_3">退款问题</button></view>
-      <view><button class="button2 primary-border-color" bindtap="switch2_4">其他</button></view>
-    </view>
+  <view class="sub-text secondary-text-color">选择你遇到的问题</view>
+  <view class="block4">
+    <view class="cate">小程序闪退</view>
   </view>
-</view>
-
-<view wx:if="{{currentTab == 3}}" class="con">
-  <view class="block">
-    <view class="cate">产品建议</view>：
-    <input class="input block-background-color" placeholder="请填写10个字以上的问题描述以便我们提供更好的帮助" model:value="{{inviteCode}}" />
+  <view class="block4">
+    <view class="cate">页面卡顿</view>
   </view>
-  <view class="block2">
-    <view class="block22">
-      <view class="cate">相关截图（选填）</view>：
-    </view>
-    <imagePicker images="{{publisherAvatar}}" max="1" image-width="450" image-height="450"
-      bindchange="updatePublishAvatar" />
+  <view class="block4">
+    <view class="cate1">页面刷新失败</view>
   </view>
-  <view class="block">
-    <view class="cate">联系方式</view>：
-    <input class="input block-background-color" placeholder="邮箱/手机号" model:value="{{publisherContact}}" />
+  <view class="block4">
+    <view class="cate1">页面排版错误</view>
   </view>
-  <button class="button primary-background-color white-text-color" bindtap="switchend">提交</button>
-</view>
-
-<view wx:if="{{currentTab == 4}}" class="con">
-  <view class="con">
-    <view class="title2">请选择投诉原因</view>
-    <view class="buttons">
-      <view><button class="button2 primary-border-color" bindtap="switch4_1">新冠肺炎疫情相关</button>
-      </view>
-      <view><button class="button2 primary-border-color" bindtap="switch4_2">色情</button></view>
-      <view><button class="button2 primary-border-color" bindtap="switch4_3">卡顿</button></view>
-      <view><button class="button2 primary-border-color" bindtap="switch4_4">黑屏白屏</button></view>
-      <view><button class="button2 primary-border-color" bindtap="switch4_5">死机</button></view>
-      <view><button class="button2 primary-border-color" bindtap="switch4_6">界面错位</button></view>
-      <view><button class="button2 primary-border-color" bindtap="switch4_7">界面加载慢</button></view>
-      <view><button class="button2 primary-border-color" bindtap="switch4_8">其他异常</button></view>
-    </view>
-  </view>
-</view>
-
-<view wx:if="{{currentTab == 41}}" class="con">
-  <view class="block">
-    <view class="cate">新冠肺炎疫情相关</view>：
-    <input class="input block-background-color" placeholder="请输入投诉内容" model:value="{{inviteCode}}" />
+  <view class="block4">
+    <view class="cate1">信息发布失败</view>
   </view>
-  <view class="block2">
-    <view class="block22">
-      <view class="cate">相关截图（选填）</view>：
-    </view>
-    <imagePicker images="{{publisherAvatar}}" max="1" image-width="450" image-height="450"
-      bindchange="updatePublishAvatar" />
+  <view class="block4">
+    <view class="cate1">图片上传/加载失败</view>
   </view>
-  <view class="block">
-    <view class="cate">联系方式</view>：
-    <input class="input block-background-color" placeholder="邮箱/手机号" model:value="{{publisherContact}}" />
+  <view class="block4">
+    <view class="cate1">其他异常</view>
   </view>
-  <button class="button primary-background-color white-text-color" bindtap="switchend">提交</button>
-</view>
-
-<view wx:if="{{currentTab == end}}" class="con">
-  <view class="con1 primary-background-color-font">恭喜您完成填写！</view>
-  <image class="pic" src="../../images/finish.png" mode="aspectFill" />
-  <view class="con2">感谢您的入驻</view>
-  <button class="button primary-background-color white-text-color" bindtap="returnToUser">返回</button>
 </view>

miniprogram/pages/opinion/opinion.wxss

@@ -88,6 +88,21 @@
   margin-top: 4rpx;
 }
 
+.block4 {
+  margin-bottom: 4rpx;
+  padding: 20rpx 40rpx 20rpx 40rpx;
+  display: flex;
+  justify-content: space-between;
+  font-size: 30rpx;
+  background-color: #ffffff;
+  align-items: center;
+}
+
+.sub-text {
+  font-size: 30rpx;
+  margin: 20rpx 40rpx;
+}
+
 .input {
   width: 500rpx;
 }
@@ -100,24 +115,6 @@
   width: 150rpx;
 }
 
-.con {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.con1 {
-  margin: 40rpx;
-  font-size: 50rpx;
-  font-weight: 900;
-}
-
-.con2 {
-  font-size: 35rpx;
-  margin: 50rpx;
-}
-
-.pic {
-  width: 200rpx;
-  height: 200rpx;
+.cate1 {
+  width: 300rpx;
 }