Bladeren bron

refactor(miniprogram): 优化法律援助提交页面样式

- 添加卡片布局,提升页面视觉效果
- 调整按钮样式,增加底部间距
- 优化成功提交提示文本的排版
- 调整页面宽度,充分利用屏幕空间
wzg 10 maanden geleden
bovenliggende
commit
57a9237d18

+ 12 - 7
miniprogram/pages/legal/submitLegal/submitLegal.wxml

@@ -1,13 +1,18 @@
-<!--pages/legal/submitLegal/submitLegal.wxml-->
-<view class="title">请告知我们您遇到了什么问题?</view>
-<textarea class="textarea" placeholder="请输入您的问题"></textarea>
-<view class="primary w500 m0a mt100" bind:tap="submit">提交</view>
-
-<view class="primary w500 m0a mt40" style="background: #fff!important;color: #777!important;border: 1px solid #ddd;" bind:tap="goTo" data-path="back">取消</view>
+<!-- pages/legal/submitLegal/submitLegal.wxml -->
+<view class="card">
+  <view class="card-title">请告知我们您遇到了什么问题?</view>
+  <textarea class="textarea" placeholder="请输入您的问题"></textarea>
+  <view class="primary w500 m0a mt100" bind:tap="submit">提交</view>
+  <view class="primary w500 m0a mt40 mb30" style="background: #fff!important;color: #777!important;border: 1px solid #ddd;" bind:tap="goTo" data-path="back">
+    取消
+  </view>
+</view>
 <view class="mask df aic fdc" wx:if="{{visable}}">
   <image src="../../../images/success.png" style="width: 30vw;margin: 10vw auto;" mode="widthFix" />
   <!-- <view class="fs40 c5 mb20">提交成功! </view> -->
   <view class="fs40 c5 mb40">感谢您的信任!</view>
-  <view class="fs30 c5 mb20 w80p" style="text-indent: 28px;line-height: 48rpx;"> 我们已收到您的援助申请,请保持电话畅通,我们的援助律师将会在第一时间与您取得联系!</view>
+  <view class="fs30 c5 mb20 w80p" style="text-indent: 28px;line-height: 48rpx;">
+    我们已收到您的援助申请,请保持电话畅通,我们的援助律师将会在第一时间与您取得联系!
+  </view>
   <view class="primary w500 m0a mt100" bind:tap="goTo" data-path="takePhoto">返回首页</view>
 </view>

+ 2 - 2
miniprogram/pages/legal/submitLegal/submitLegal.wxss

@@ -3,7 +3,7 @@
   border: 1px solid #999;
   margin: 20rpx auto;
   padding: 20rpx;
-  width: 90vw;
+  width: 100%;
   box-sizing: border-box;
 }
 
@@ -15,4 +15,4 @@
   height: 100vh;
   z-index: 99999;
   background: #fff;
-}
+}