233

miniprogram/app.wxss

@@ -48,23 +48,27 @@
 /* new color here */
 
 .primary-text-color {
-  color: #009195;
+  color: #009195 !important;
 }
 
 .primary-background-color {
-  background: #009195;
+  background: #009195 !important;
+}
+
+.primary-border-color {
+  border: 2rpx solid #009195 !important;
 }
 
 .secondary-text-color {
-  color: #707070;
+  color: #707070 !important;
 }
 
 .secondary-background-color {
-  background: #EDEDED
+  background: #EDEDED !important;
 }
 
 .white-text-color {
-  color: #FFFFFF;
+  color: #FFFFFF !important;
 }
 
 page {

miniprogram/pages/opinion/opinion.wxml

@@ -6,15 +6,19 @@
   <view class="subTitle">向开发者反馈</view>
   <view class="con">
     <view class="buttons">
-      <view><button class="button" bindtap="switch1" plain="true">功能异常</button></view>
-      <view><button class="button" bindtap="switch2" plain="true">支付问题</button></view>
-      <view><button class="button" bindtap="switch3" plain="true">产品建议</button></view>
+      <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>
   <view class="subTitle">向微信平台投诉</view>
   <view class="con">
     <view class="buttons">
-      <view><button class="button" bindtap="switch4" plain="true">违规举报</button></view>
+      <view><button class="button primary-background-color white-text-color" bindtap="switch4"
+          plain="true">违规举报</button></view>
     </view>
   </view>
 </view>
@@ -58,29 +62,25 @@
 </scroll-view> -->
 
 <view wx:if="{{currentTab == 1}}" class="con">
-  <view class="con">
-    <view class="title2 primary-text-color">请选择反馈内容</view>
-    <view class="buttons">
-      <view><button class="button primary-background-color white-text-color" bindtap="switch1_1">无法打开小程序</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch1_2">小程序闪退</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch1_3">卡顿</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch1_4">黑屏白屏</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch1_5">死机</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch1_6">界面错位</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch1_7">界面加载慢</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch1_8">其他异常</button></view>
-    </view>
-  </view>
+  <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 primary-text-color">请选择反馈内容</view>
+    <view class="title2">请选择反馈内容</view>
     <view class="buttons">
-      <view><button class="button primary-background-color white-text-color" bindtap="switch2_1">支付失败</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch2_2">支付成功未生效</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch2_3">退款问题</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch2_4">其他</button></view>
+      <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>
 </view>
@@ -106,17 +106,17 @@
 
 <view wx:if="{{currentTab == 4}}" class="con">
   <view class="con">
-    <view class="title2 primary-text-color">请选择投诉原因</view>
+    <view class="title2">请选择投诉原因</view>
     <view class="buttons">
-      <view><button class="button primary-background-color white-text-color" bindtap="switch4_1">新冠肺炎疫情相关</button>
+      <view><button class="button2 primary-border-color" bindtap="switch4_1">新冠肺炎疫情相关</button>
       </view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch4_2">色情</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch4_3">卡顿</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch4_4">黑屏白屏</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch4_5">死机</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch4_6">界面错位</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch4_7">界面加载慢</button></view>
-      <view><button class="button primary-background-color white-text-color" bindtap="switch4_8">其他异常</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>

miniprogram/pages/opinion/opinion.wxss

@@ -10,7 +10,6 @@
 .subTitle {
   font-size: 35rpx;
   margin: 20rpx 40rpx;
-  font-weight: 900;
 }
 
 .thirdTitle {
@@ -36,10 +35,20 @@
 .button {
   margin-top: 40rpx;
   margin-bottom: 40rpx;
-  font-size: 35rpx;
-  margin: 20rpx 40rpx;
-  font-weight: 900;
-  border-radius: 98rpx;
+  width: 250rpx !important;
+  font-size: 30rpx;
+  font-weight: normal !important;
+  border-radius: 90rpx;
+  border: none !important;
+}
+
+.button2 {
+  margin-bottom: 20rpx;
+  width: 350rpx !important;
+  font-size: 30rpx;
+  font-weight: normal !important;
+  border-radius: 90rpx;
+  background-color: transparent;
 }
 
 .title2 {