10 コミット 6ee07bb15c ... 1d3bce8ab2

作者 SHA1 メッセージ 日付
  kk.shi 1d3bce8ab2 Merge branch 'skk/feat/code-exchange' 3 年 前
  kk.shi 32968c3426 券码兑换弹框调整 3 年 前
  kk.shi 9925986068 券码兑换弹框调整 3 年 前
  kk.shi a3f75b4394 券码兑换弹框调整 3 年 前
  kk.shi 87db2c7fcc 签到记录字体颜色调整 3 年 前
  kk.shi 98518a5437 券码兑换接口对接 3 年 前
  kk.shi 995c531b72 券码兑换输入框调整 3 年 前
  kk.shi 05e9f92734 券码兑换 3 年 前
  kk.shi f83d50a88c 部分颜色统一 3 年 前
  kk.shi e6317c89de 抖音标识 3 年 前

+ 7 - 0
api/welfareMall.js

@@ -224,6 +224,13 @@ class WelfareMall extends request {
   static delStoreStaff(params) {
     return this.postRequest(`${this.BASE_URL}open/staff/del-store-staff`, params);
   }
+
+   /**
+   * 兑换码
+   */
+  static exchangeCoupon(params) {
+    return this.postRequest(`${this.BASE_URL}/open/coupon/exchange-coupon`, params);
+  }
   
 }
 

+ 4 - 1
components/couponWrap/index.wxml

@@ -49,9 +49,12 @@
            </view>
 
            <view class="coupon-detail">
-                <view class="fold-title" data-index= "{{index}}" catchtap="exFoldPanel">使用规则 
+                <view class="flex-row">
+                  <view class="fold-title" data-index= "{{index}}" catchtap="exFoldPanel">使用规则 
                     <image wx:if="{{!flodMap[index]}}" class="fold-btn" src="../../images/welfareMall/down-ico.png" />
                     <image wx:else class="fold-btn" src="../../images/welfareMall/up-ico.png" />
+                  </view>
+                  <image wx:if="{{item.businessType == 105}}" class="tiktok-img" src="../../images/welfareMall/tiktok-img.png"></image>
                 </view>
                 <block wx:if="{{flodMap[index]}}">
                    <view class="coupon-detail-line" style="margin-top: 22rpx;">

+ 14 - 0
components/couponWrap/index.wxss

@@ -151,6 +151,20 @@
 .coupon-detail {
     padding: 20rpx 50rpx;
 }
+
+/* 水平方向布局 **/
+.flex-row{
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.tiktok-img{
+  width: 42rpx;
+  height: 42rpx;
+}
+
 .fold-title {
     font-size: 24rpx;
     color: #444;

BIN
images/welfareMall/tiktok-img.png


+ 14 - 2
pages/luckDraw/profile.wxml

@@ -3,11 +3,23 @@
 <view class="explain flex-row">
   <view class="explain-left flex-column" catchtap="{{isLogin?'getProfile':''}}">
     <view class="explain-discount">优惠券({{couponNum}})</view>
-    <view class="{{noCoupon?'explain-column':'explain-columnNo'}}"></view>
+    <!-- <view class="{{noCoupon?'explain-column':'explain-columnNo'}}"></view> -->
+    <block wx:if="{{noCoupon}}">
+      <view class="explain-column" style="background: {{config.mainColor?config.mainColor:'#B01717'}};"></view>
+    </block>
+    <block wx:else>
+      <view class="explain-columnNo"></view>
+    </block>
   </view>
   <view class="explain-right flex-column" catchtap="{{isLogin?'getPrize':''}}">
     <view class="explain-utility">奖品({{thirdPrizeNum}})</view>
-    <view class="{{noPrize?'explain-column':'explain-columnNo'}}"></view>
+    <!-- <view class="{{noPrize?'explain-column':'explain-columnNo'}}"></view> -->
+    <block wx:if="{{noPrize}}">
+      <view class="explain-column" style="background: {{config.mainColor?config.mainColor:'#B01717'}};"></view>
+    </block>
+    <block wx:else>
+      <view class="explain-columnNo"></view>
+    </block>
   </view>
 </view>
 <!-- 主要内容 -->

+ 8 - 4
pages/signIn/record/record.js

@@ -1,7 +1,7 @@
 // pages/signIn/record/record.js
 import SignIn from '../../../api/signIn'
 import { parseTime } from '../../../utils/util'
-import {getMobileCache, getPhoneNumberNew as getPhoneNumberSync} from '../../../utils/user'
+import {getMobileCache, getPhoneNumberNew as getPhoneNumberSync, getColor} from '../../../utils/user'
 Page({
 
     /**
@@ -26,7 +26,8 @@ Page({
         couponList: [],
         detailList: [],
         stateList: [],
-        notUseNum: 0
+        notUseNum: 0,
+        config: {},
 
     },
 
@@ -299,8 +300,11 @@ Page({
     /**
      * 生命周期函数--监听页面显示
      */
-    onShow: function () {
-
+    onShow: async function () {
+      let info =  await getColor();
+      this.setData({
+        config:info.config,
+      })
     },
 
     /**

+ 22 - 4
pages/signIn/record/record.wxml

@@ -3,15 +3,33 @@
 <view class="explain flex-row">
   <view class="explain-left flex-column" catchtap="{{isLogin?'getCoupon':''}}">
     <view class="explain-discount">签到优惠券</view>
-    <view class="{{noCoupon?'explain-column':'explain-columnNo'}}"></view>
+    <!-- <view class="{{noCoupon?'explain-column':'explain-columnNo'}}"></view> -->
+    <block wx:if="{{noCoupon}}">
+      <view class="explain-column" style="background: {{config.mainColor?config.mainColor:'#B01717'}};"></view>
+    </block>
+    <block wx:else>
+      <view class="explain-columnNo"></view>
+    </block>
   </view>
   <view class="explain-center flex-column" catchtap="{{isLogin?'getDetail':''}}">
     <view class="explain-detailed">获取明细</view>
-    <view class="{{noDetail?'explain-column':'explain-columnNo'}}"></view>
+    <!-- <view class="{{noDetail?'explain-column':'explain-columnNo'}}"></view> -->
+    <block wx:if="{{noDetail}}">
+      <view class="explain-column" style="background: {{config.mainColor?config.mainColor:'#B01717'}};"></view>
+    </block>
+    <block wx:else>
+      <view class="explain-columnNo"></view>
+    </block>
   </view>
   <view class="explain-right flex-column" catchtap="{{isLogin?'getUtility':''}}">
     <view class="explain-utility">使用/失效</view>
-    <view class="{{noUtility?'explain-column':'explain-columnNo'}}"></view>
+    <!-- <view class="{{noUtility?'explain-column':'explain-columnNo'}}"></view> -->
+    <block wx:if="{{noUtility}}">
+      <view class="explain-column" style="background: {{config.mainColor?config.mainColor:'#B01717'}};"></view>
+    </block>
+    <block wx:else>
+      <view class="explain-columnNo"></view>
+    </block>
   </view>
 </view>
 <!-- 主要内容 -->
@@ -40,7 +58,7 @@
           <view class="detailed-sign-date">{{item.crateTime}}</view>
         </view>
         <view class="detailed-coupon flex-column">
-          <view class="detailed-coupon-text">{{item.coupon.couponTitle}}</view>
+          <view class="detailed-coupon-text" style="color: {{config.secColor?config.secColor:'#B01717'}};">{{item.coupon.couponTitle}}</view>
         </view>
       </view>
       <view class="detailed-date flex-column">

+ 2 - 2
pages/signIn/record/record.wxss

@@ -55,7 +55,7 @@ page{
 .explain-column{
   width: 90rpx;
   height: 4rpx;
-  background: #EA443A;
+  /* background: #EA443A; */
   border-radius: 2rpx;
   margin-top: 8rpx;
 }
@@ -249,7 +249,7 @@ page{
   height: 30px;
   font-size: 36rpx;
   font-weight: 500;
-  color: #EA443A;
+  /* color: #EA443A; */
   text-align: center;
   overflow: hidden;
 	white-space: nowrap;

+ 23 - 11
pages/welfareMall/activityList/activityList.wxml

@@ -2,34 +2,46 @@
   <view class="top_banner flex-row">
     <view class="top_banner_item flex-column" bindtap="gotoPay">
       <view class="t_b_i_title">特惠券包</view>
-      <view class="t_b_i_border {{type==2?'active':''}}"></view>
+      <!-- <view class="t_b_i_border {{type==2?'active':''}}"></view> -->
+      <block wx:if="{{type==2}}">
+        <view class="t_b_i_border active" style="background: {{config.mainColor?config.mainColor:'#B01717'}};"></view>
+      </block>
+      <block wx:else>
+        <view class="t_b_i_border"></view>
+      </block>
     </view>
 
     <view class="top_banner_item flex-column" bindtap="gotoFree">
       <view class="t_b_i_title">免费券包</view>
-      <view class="t_b_i_border {{type==1?'active':''}}"></view>
+      <!-- <view class="t_b_i_border {{type==1?'active':''}}"></view> -->
+      <block wx:if="{{type==1}}">
+        <view class="t_b_i_border active" style="background: {{config.mainColor?config.mainColor:'#B01717'}};"></view>
+      </block>
+      <block wx:else>
+        <view class="t_b_i_border"></view>
+      </block>
     </view>
 
   </view>
 
   <view class="coupon-list">
-    <view class="coupon_item flex-row" wx:for="{{list}}" wx:key="unique"  bindtap="goCouponDetail" data-id="{{item.activityId}}">
-        <image src="{{item.coverImg}}" class="coupon_item_img"></image>
-        <view class="coupon_item_right flex-column">
+    <view class="coupon_item flex-row" wx:for="{{list}}" wx:key="unique" bindtap="goCouponDetail" data-id="{{item.activityId}}">
+      <image src="{{item.coverImg}}" class="coupon_item_img"></image>
+      <view class="coupon_item_right flex-column">
         <view class="flex-column">
           <view class="coupon_name over-ellipsis-two">{{item.name}}</view>
           <view class="coupon_num" wx:if="{{item.cashCouponNum > 0 && item.discountCouponNum > 0}}">含{{item.cashCouponNum}}张代金券、{{item.discountCouponNum}}张折扣券</view>
           <view class="coupon_num" wx:if="{{item.cashCouponNum ==0 && item.discountCouponNum > 0}}">含{{item.discountCouponNum}}张折扣券</view>
           <view class="coupon_num" wx:if="{{item.cashCouponNum > 0 && item.discountCouponNum == 0}}">含{{item.cashCouponNum}}张代金券</view>
           <view class="coupon_num" wx:if="{{item.cashCouponNum ==0 && item.discountCouponNum ==0}}"></view>
-        
+
         </view>
-          <view class="coupon_i_r_bottom flex-row">
-            <view class="coupon_price" style="color: {{config.secColor?config.secColor:'#B01717'}};">价值 ¥{{item.formatShowPrice}}</view>
-            <view class="coupon_buy" style="background-color: {{config.mainColor?config.mainColor:'#B01717'}}" wx:if="{{item.isPay!=0}}">{{item.formatPrice}}元抢</view>
-            <view class="coupon_buy"  style="background-color: {{config.mainColor?config.mainColor:'#B01717'}}" wx:else>免费领取</view>
-          </view>
+        <view class="coupon_i_r_bottom flex-row">
+          <view class="coupon_price" style="color: {{config.secColor?config.secColor:'#B01717'}};">价值 ¥{{item.formatShowPrice}}</view>
+          <view class="coupon_buy" style="background-color: {{config.mainColor?config.mainColor:'#B01717'}}" wx:if="{{item.isPay!=0}}">{{item.formatPrice}}元抢</view>
+          <view class="coupon_buy" style="background-color: {{config.mainColor?config.mainColor:'#B01717'}}" wx:else>免费领取</view>
         </view>
+      </view>
     </view>
     <view class="no_result" wx:if="{{noResult}}">——— 抱歉,暂无券包 ———</view>
     <view class="no_result" wx:if="{{noMore}}">—— 人家也是有底线的 ——</view>

+ 8 - 4
pages/welfareMall/coupon/coupon.js

@@ -1,6 +1,6 @@
 // pages/welfareMall/coupon/coupon.js
 import WelfareMall from '../../../api/welfareMall'
-import {getMobileCache, getPhoneNumber as getPhoneNumberSync} from '../../../utils/user'
+import {getMobileCache, getPhoneNumber as getPhoneNumberSync, getColor} from '../../../utils/user'
 Page({
 
   /**
@@ -13,7 +13,8 @@ Page({
     noResult: false,
     noMore: false,
     type:0,
-    couponList: []
+    couponList: [],
+    config:{}
   },
 
   /**
@@ -33,8 +34,11 @@ Page({
   /**
    * 生命周期函数--监听页面显示
    */
-  onShow: function () {
-
+  onShow: async function () {
+    let info =  await getColor();
+    this.setData({
+      config:info.config,
+    })
   },
 
   /**

+ 21 - 3
pages/welfareMall/coupon/coupon.wxml

@@ -5,15 +5,33 @@
     <view class="flex-row top_banner">
       <view class="top_banner_item flex-column" bindtap="showCoupon" data-type="0">
         <view class="t_b_i_title">待使用</view>
-        <view class="t_b_i_border {{type==0?'active':''}}"></view>
+        <!-- <view class="t_b_i_border {{type==0?'active':''}}"></view> -->
+        <block wx:if="{{type==0}}">
+          <view class="t_b_i_border active" style="background: {{config.mainColor?config.mainColor:'#B01717'}};"></view>
+        </block>
+        <block wx:else>
+          <view class="t_b_i_border"></view>
+        </block>
       </view>
       <view class="top_banner_item flex-column" bindtap="showCoupon" data-type="1">
         <view class="t_b_i_title">已使用</view>
-        <view class="t_b_i_border {{type==1?'active':''}}"></view>
+        <!-- <view class="t_b_i_border {{type==1?'active':''}}"></view> -->
+        <block wx:if="{{type==1}}">
+          <view class="t_b_i_border active" style="background: {{config.mainColor?config.mainColor:'#B01717'}};"></view>
+        </block>
+        <block wx:else>
+          <view class="t_b_i_border"></view>
+        </block>
       </view>
       <view class="top_banner_item flex-column" bindtap="showCoupon" data-type="2">
         <view class="t_b_i_title">已过期</view>
-        <view class="t_b_i_border {{type==2?'active':''}}"></view>
+        <!-- <view class="t_b_i_border {{type==2?'active':''}}"></view> -->
+        <block wx:if="{{type==2}}">
+          <view class="t_b_i_border active" style="background: {{config.mainColor?config.mainColor:'#B01717'}};"></view>
+        </block>
+        <block wx:else>
+          <view class="t_b_i_border"></view>
+        </block>
       </view>
     </view>
     <view style="padding-top: 130rpx;">

+ 130 - 0
pages/welfareMall/exchangeCode/exchangeCode.js

@@ -0,0 +1,130 @@
+// pages/welfareMall/exchangeCode/exchangeCode.js
+import WelfareMall from '../../../api/welfareMall'
+import {getMobileCache, getPhoneNumber as getPhoneNumberSync, getColor} from '../../../utils/user'
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    config: {},
+    sn: '',
+    querySn: '',
+    hideWindowValue: false,
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: async function() {
+    let info =  await getColor();
+    this.setData({
+      config:info.config,
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  },
+
+  bindText: function (e) {
+    var text = e.detail.value;
+    this.setData({
+      sn: text,
+    }) 
+  },
+
+    /**
+   * 弹框
+   */
+  hideWindow(){
+    this.setData({
+      hideWindowValue:true
+    })
+  },
+
+  goPerson(){
+    wx.switchTab({
+         url: '../personal/personal'
+     })
+  },
+
+     /**
+    * 确认
+    */
+   toConfirm: function() {
+    if(this.data.sn == null || this.data.sn == '' || this.data.sn == undefined){
+     wx.showToast({
+       title: '兑换码必填',
+       icon: 'none',
+       duration: 1500
+     })
+     return
+    }
+   WelfareMall.exchangeCoupon({
+     mobile: getMobileCache(),
+     sn: this.data.sn,
+   }).then(res => {
+      //  if (res.code == 200) {
+      //   wx.showToast({
+      //     title: this.data.sn + '券码兑换成功',
+      //     icon: 'none',
+      //     duration: 1500
+      //   })
+      //   this.setData({
+      //     querySn: '',
+      //   })
+      //  }
+      if (res.code == 200) {
+        this.hideWindow()
+      }
+   }).catch(_ => {
+       console.log(_)
+   })
+ },
+})

+ 6 - 0
pages/welfareMall/exchangeCode/exchangeCode.json

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

+ 62 - 0
pages/welfareMall/exchangeCode/exchangeCode.wxml

@@ -0,0 +1,62 @@
+<!--pages/welfareMall/exchangeCode/exchangeCode.wxml-->
+<input class="exchangeCode-query" placeholder="请输入兑换码" placeholder-class="exchangeCode-query-placeholder" bindinput="bindText" value="{{querySn}}"></input>
+<view class="exchangeCode-confirm" style="background: {{config.mainColor?config.mainColor:'#B01717'}};" catchtap="toConfirm">确认</view>
+<view class="exchangeCode-process" style="border: {{config.mainColor?config.mainColor:'#B01717'}} 2rpx solid;">
+  <view class="exchangeCode-process-style">
+    <view class="exchangeCode-process-tittle" style="color: {{config.secColor?config.secColor:'#B01717'}};">抖音兑换码获取流程</view>
+    <view class="process-style flex-row">
+      <view class="exchangeCode-process-speed">
+        <view class="exchangeCode-process-img">
+          <image class="exchangeCode-img-style" src="https://dy.shpr.top/welfareGo/exchangeCode-menu.png"></image>
+          <view class="exchangeCode-process-num" style="background: {{config.mainColor?config.mainColor:'#B01717'}};border: {{config.mainColor?config.mainColor:'#B01717'}} 2rpx solid;">1</view>
+        </view>
+        <view class="exchangeCode-process-text">点击抖音"我" 选择右上角菜单</view>
+      </view>
+      <view class="exchangeCode-process-speed">
+        <view class="exchangeCode-process-img">
+          <image class="exchangeCode-img-style" src="https://dy.shpr.top/welfareGo/exchangeCode-order.png"></image>
+          <view class="exchangeCode-process-num" style="background: {{config.mainColor?config.mainColor:'#B01717'}};border: {{config.mainColor?config.mainColor:'#B01717'}} 2rpx solid;">2</view>
+        </view>
+        <view class="exchangeCode-process-text" style="margin-top: 34rpx;">选择我的订单</view>
+      </view>
+      <view class="exchangeCode-process-speed" style="margin-top: 32rpx;">
+        <view class="exchangeCode-process-img">
+          <image class="exchangeCode-img-style" src="https://dy.shpr.top/welfareGo/exchangeCode-my-order.png"></image>
+          <view class="exchangeCode-process-num" style="background: {{config.mainColor?config.mainColor:'#B01717'}};border: {{config.mainColor?config.mainColor:'#B01717'}} 2rpx solid;">3</view>
+        </view>
+        <view class="exchangeCode-process-text">选择我的订单</view>
+      </view>
+      <view class="exchangeCode-process-speed" style="margin-top: 32rpx;">
+        <view class="exchangeCode-process-img">
+          <image class="exchangeCode-img-style" src="https://dy.shpr.top/welfareGo/exchangeCode-use.png"></image>
+          <view class="exchangeCode-process-num" style="background: {{config.mainColor?config.mainColor:'#B01717'}};border: {{config.mainColor?config.mainColor:'#B01717'}} 2rpx solid;">4</view>
+        </view>
+        <view class="exchangeCode-process-text" style="margin-top: 22rpx;">点击去使用</view>
+      </view>
+      <view class="exchangeCode-process-speed" style="margin-top: 54rpx;">
+        <view class="exchangeCode-process-img">
+          <image class="exchangeCode-img-style" src="https://dy.shpr.top/welfareGo/exchangeCode-code.png"></image>
+          <view class="exchangeCode-process-num" style="background: {{config.mainColor?config.mainColor:'#B01717'}};border: {{config.mainColor?config.mainColor:'#B01717'}} 2rpx solid;">5</view>
+        </view>
+        <view class="exchangeCode-process-text" style="margin-top: 22rpx;">点击查看券码</view>
+      </view>
+      <view class="exchangeCode-process-speed" style="margin-top: 54rpx;">
+        <view class="exchangeCode-process-img">
+          <image class="exchangeCode-img-style" src="https://dy.shpr.top/welfareGo/exchangeCode-copy.png"></image>
+          <view class="exchangeCode-process-num" style="background: {{config.mainColor?config.mainColor:'#B01717'}};border: {{config.mainColor?config.mainColor:'#B01717'}} 2rpx solid;">6</view>
+        </view>
+        <view class="exchangeCode-process-text">复制券码</view>
+      </view>
+    </view>
+  </view>
+</view>
+
+<!-- 弹框 -->
+<view class="bg-zindex" wx:if="{{hideWindowValue}}">
+  <view class="success_window flex-column">
+    <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>

+ 186 - 0
pages/welfareMall/exchangeCode/exchangeCode.wxss

@@ -0,0 +1,186 @@
+/* pages/welfareMall/exchangeCode/exchangeCode.wxss */
+page{
+  display:flex;
+  flex-flow: column nowrap;
+  justify-content: left;
+  align-items: center;
+  box-sizing: border-box;
+}
+
+/* 垂直方向布局,水平居中 **/
+.flex-column{
+  display: flex;
+  flex-flow: column nowrap;
+  align-items: center;
+  justify-content: left;
+}
+
+/* 水平方向布局,垂直居中 **/
+.flex-row{
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: center;
+}
+
+.exchangeCode-query{
+  width: 686rpx;
+  height: 80rpx;
+  background: #f3f3f3;
+  border-radius: 40rpx;
+  text-align: center;
+  line-height: 80rpx;
+  font-size: 28rpx;
+  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+  font-weight: 400;
+  margin-top: 104rpx;
+}
+
+.exchangeCode-query-placeholder{
+  font-size: 28rpx;
+  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+  font-weight: 400;
+  color: #b8b8b8;
+}
+
+.exchangeCode-confirm{
+  width: 684rpx;
+  height: 80rpx;
+  /* background: #b9d25d; */
+  border-radius: 40rpx;
+  text-align: center;
+  line-height: 80rpx;
+  font-size: 28rpx;
+  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+  font-weight: 400;
+  color: #ffffff;
+  margin-top: 50rpx;
+  margin-bottom: 46rpx;
+}
+
+.exchangeCode-process{
+  width: 684rpx;
+  height: 1052rpx;
+  background: #f5f5f5;
+  /* border: 2rpx solid #b9d25d; */
+  border-radius: 40rpx;
+  margin-bottom: 54rpx;
+}
+
+.exchangeCode-process-style{
+  margin: 0 94rpx 0;
+}
+
+.exchangeCode-process-img{
+  width: 180rpx;
+  height: 180rpx;
+}
+
+.exchangeCode-img-style{
+  position: absolute;
+  width: 180rpx;
+  height: 180rpx;
+}
+
+.exchangeCode-process-num{
+  position: relative;
+  width: 32rpx;
+  height: 32rpx;
+  /* background: #b9d25d;
+  border: 2rpx solid #b9d25d; */
+  border-radius: 50%;
+  text-align: center;
+  line-height: 32rpx;
+  font-size: 20rpx;
+  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+  font-weight: 400;
+  color: #ffffff;
+  margin-top: 16rpx;
+  margin-left: 16rpx;
+}
+
+.exchangeCode-process-tittle{
+  font-size: 28rpx;
+  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+  font-weight: 400;
+  text-align: center;
+  /* color: #b9d25d; */
+  margin: 38rpx 0 52rpx;
+}
+
+.process-style{
+  flex-flow: row wrap;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+
+.exchangeCode-process-text{
+  margin-top: 24rpx;
+  font-size: 24rpx;
+  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+  font-weight: 400;
+  text-align: center;
+  color: #444444;
+}
+
+.exchangeCode-process-speed{
+  width: 180rpx;
+}
+
+.bg-zindex{
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  background: rgba(0,0,0,0.33);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  z-index: 999;
+}
+
+
+.success_window{
+  width: 618rpx;
+  height: 358rpx;
+  background: #FFFFFF;
+  border-radius: 20rpx;
+  position: relative;
+  z-index: 9999;
+  align-items: center;
+}
+
+.w_img{
+  width: 438rpx;
+  height: 70rpx;
+  margin-top: 48rpx;
+}
+
+.w_text{
+  margin-top: 50rpx;
+  text-align: center;
+  font-size: 28rpx;
+  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
+  font-weight: 400;
+  color: #929292;
+}
+.w_border{
+  width: 600rpx;
+  height: 2rpx;
+  background: #A0A0A0;
+  margin-top: 72rpx;
+}
+.w_go_order{
+  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;
+}