Browse Source

帮助与反馈 样式修改

DESKTOP-SVI9JE1\muzen 1 year ago
parent
commit
5ca54e0dcf
1 changed files with 13 additions and 9 deletions
  1. 13 9
      src/pages/help/index.vue

+ 13 - 9
src/pages/help/index.vue

@@ -4,7 +4,7 @@
       <view class="item margin-bottom">
         <h3>问题类型</h3>
       </view>
-      <view class="item margin-bottom">
+      <view class="item">
         <radio-group @change="radioChange">
           <label v-for="item in typeOptions" :key="item.id">
             <radio :value="item.id.toString()" color="#A4D099" :checked="item.id == active"
@@ -146,13 +146,13 @@ export default {
       uni-radio-group {
         display: flex;
         flex-wrap: wrap;
-        gap: 1rem;
 
         label {
-          width: 144rpx;
+          width: calc(25% - 10px);
           font-size: 24rpx;
           display: flex;
           align-items: flex-start;
+          margin: 0 10px 20px 0;
         }
 
         span {
@@ -188,16 +188,18 @@ export default {
         }
 
         img {
-          width: 160rpx;
-          height: 160rpx;
+          width: 80px;
+          height: 80px;
           border-radius: 16rpx;
         }
       }
 
       button {
-        width: 160rpx;
-        height: 160rpx;
-        line-height: 160rpx;
+        width: 80px;
+        height: 80px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
         margin: 0;
         background-color: #F0F7EE;
         border-radius: 16rpx;
@@ -212,7 +214,9 @@ export default {
     button {
       width: 400rpx;
       height: 80rpx;
-      line-height: 80rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
     }
 
     .contact {