退款说明弹框调整

pages/welfareMall/feedback/feedback.wxss

@@ -145,7 +145,7 @@ textarea{
   width: 100%;
   height: 100%;
   top: 0;
-  background: #3E3E3E;
+  background: rgba(0, 0, 0, 0.8);
   display: flex;
   justify-content: center;
   align-items: center;

pages/welfareMall/order/orderCompletion.wxml

@@ -60,8 +60,20 @@
         <view class="lower-order-text">申请退款</view>
       </view>
     </view>
-    <modal hidden="{{hidden}}" title="退款原因" confirm-text="提交" cancel-text="取消" bindcancel="cancel" bindconfirm="confirm" >
-      <input bindinput="getReason" type="text" placeholder="请输入退款原因" value="{{inputValue}}"/>
-    </modal>
+    <!-- <modal hidden="{{hidden}}" title="退款原因" confirm-text="提交" cancel-text="取消" bindcancel="cancel" bindconfirm="confirm">
+      <input bindinput="getReason" type="text" placeholder="请输入退款原因" value="{{inputValue}}" />
+    </modal> -->
+    <!-- 弹框 -->
+    <view class="bg-zindex" hidden="{{hidden}}">
+      <view class="success_window flex-column">
+        <view class="w_title">退款原因</view>
+        <view class="w_text"><input bindinput="getReason" type="text" placeholder="请输入退款原因" value="{{inputValue}}" maxlength="50" /></view>
+        <view class="w_border"></view>
+        <view class="w_button flex-row">
+          <view class="w_go_order" catchtap="cancel">取消</view>
+          <view class="w_go_order" catchtap="confirm">确定</view>
+        </view>
+      </view>
+    </view>
   </view>
 </view>

pages/welfareMall/order/orderCompletion.wxss

@@ -191,4 +191,66 @@ page{
   font-size: 22rpx;
   font-weight: 500;
   color: #B01717;
+}
+
+.bg-zindex{
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  background: rgba(0, 0, 0, 0.8);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  z-index: 999;
+}
+.success_window{
+  width: 328px;
+  height: 227px;
+  background: #FFFFFF;
+  border-radius: 20rpx;
+  position: relative;
+  z-index: 9999;
+  align-items: center;
+}
+
+.w_title{
+  font-size: 36rpx;
+  font-weight: 600;
+  color: #444444;
+  margin-top: 27px;
+}
+
+.w_text{
+  margin-top: 50px;
+  width: 300px;
+}
+
+.hsay_text{
+  margin-top: 8px;
+  font-size: 12px;
+  font-weight: 500;
+  color: #444444;
+}
+.w_border{
+  width: 300px;
+  height: 1px;
+  background: #A0A0A0;
+  margin-top: 16px;
+}
+.w_go_order{
+  font-size: 18px;
+  font-weight: 500;
+  color: #444444;
+  margin-top: 32rpx;
+}
+
+.w_button{
+  width: 300px;
+  height: 70px;
+}
+.w_go_order{
+  width: 150px;
+  text-align: center;
 }