Browse Source

券码兑换弹框调整

kk.shi 3 years ago
parent
commit
a3f75b4394

+ 3 - 1
pages/welfareMall/exchangeCode/exchangeCode.json

@@ -1,4 +1,6 @@
 {
-  "usingComponents": {},
+  "usingComponents": {
+    "jumpmallapp": "../../../components/jumpmallapp"
+  },
   "navigationBarTitleText": "券码兑换"
 }

+ 4 - 5
pages/welfareMall/exchangeCode/exchangeCode.wxml

@@ -54,10 +54,9 @@
 <!-- 弹框 -->
 <view class="bg-zindex" wx:if="{{hideWindowValue}}">
   <view class="success_window flex-column">
-    <view class="w_title">兑换券码成功</view>
-    <view class="w_text"><text class="hsay_text">沪上阿姨抖音优惠多多<br />
-        欢迎您的参与</text></view>
-    <view class="w_border"></view>
-    <view class="w_go_order" bindtap="goPerson">我知道了</view>
+    <image class="w_img" src="https://dy.shpr.top/welfareGo/exchangeCode-frame.png">兑换券码成功</image>
+    <view class="w_text">抖音券兑换成功,已发送至您的卡包</view>
+    <!-- <view class="w_go_order" bindtap="goPerson">去使用</view> -->
+    <jumpmallapp class="w_go_order" style="background: {{config.mainColor?config.mainColor:'#B01717'}};">去使用</jumpmallapp>
   </view>
 </view>

+ 23 - 20
pages/welfareMall/exchangeCode/exchangeCode.wxss

@@ -132,7 +132,7 @@ page{
   width: 100%;
   height: 100%;
   top: 0;
-  background: rgba(0, 0, 0, 0.8);
+  background: rgba(0,0,0,0.33);
   display: flex;
   justify-content: center;
   align-items: center;
@@ -142,8 +142,8 @@ page{
 
 
 .success_window{
-  width: 656rpx;
-  height: 454rpx;
+  width: 618rpx;
+  height: 358rpx;
   background: #FFFFFF;
   border-radius: 20rpx;
   position: relative;
@@ -151,23 +151,19 @@ page{
   align-items: center;
 }
 
-.w_title{
-  font-size: 36rpx;
-  font-weight: 600;
-  color: #444444;
-  margin-top: 54rpx;
+.w_img{
+  width: 438rpx;
+  height: 70rpx;
+  margin-top: 48rpx;
 }
 
 .w_text{
-  margin-top: 64rpx;
+  margin-top: 50rpx;
   text-align: center;
-}
-
-.hsay_text{
-  margin-top: 16rpx;
-  font-size: 24rpx;
-  font-weight: 500;
-  color: #444444;
+  font-size: 28rpx;
+  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+  font-weight: 400;
+  color: #929292;
 }
 .w_border{
   width: 600rpx;
@@ -176,8 +172,15 @@ page{
   margin-top: 72rpx;
 }
 .w_go_order{
-  font-size: 36rpx;
-  font-weight: 500;
-  color: #444444;
-  margin-top: 32rpx;
+  width: 252rpx;
+  height: 74rpx;
+  /* background: #b9d25d; */
+  border-radius: 36rpx;
+  text-align: center;
+  line-height: 74rpx;
+  margin-top: 58rpx;
+  font-size: 28rpx;
+  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+  font-weight: 400;
+  color: #ffffff;
 }