券码兑换

pages/welfareMall/exchangeCode/exchangeCode.js

@@ -1,11 +1,12 @@
 // pages/welfareMall/exchangeCode/exchangeCode.js
+import {getColor} from '../../../utils/user'
 Page({
 
   /**
    * 页面的初始数据
    */
   data: {
-
+    config: {},
   },
 
   /**
@@ -25,8 +26,11 @@ Page({
   /**
    * 生命周期函数--监听页面显示
    */
-  onShow() {
-
+  onShow: async function() {
+    let info =  await getColor();
+    this.setData({
+      config:info.config,
+    })
   },
 
   /**

pages/welfareMall/exchangeCode/exchangeCode.wxml

@@ -1,49 +1,49 @@
 <!--pages/welfareMall/exchangeCode/exchangeCode.wxml-->
 <view class="exchangeCode-query">请输入兑换码</view>
-<view class="exchangeCode-confirm">确认</view>
-<view class="exchangeCode-process">
+<view class="exchangeCode-confirm"  style="background: {{config.mainColor?config.mainColor:'#B01717'}};">确认</view>
+<view class="exchangeCode-process" style="border: {{config.mainColor?config.mainColor:'#B01717'}} 2rpx solid;">
   <view class="exchangeCode-process-style">
-    <view class="exchangeCode-process-tittle">抖音兑换码获取流程</view>
+    <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="../../../images/welfareMall/exchangeCode-menu.png"></image>
-          <view class="exchangeCode-process-num">1</view>
+          <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="../../../images/welfareMall/exchangeCode-menu.png"></image>
-          <view class="exchangeCode-process-num">2</view>
+          <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="../../../images/welfareMall/exchangeCode-menu.png"></image>
-          <view class="exchangeCode-process-num">3</view>
+          <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="../../../images/welfareMall/exchangeCode-menu.png"></image>
-          <view class="exchangeCode-process-num">4</view>
+          <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="../../../images/welfareMall/exchangeCode-menu.png"></image>
-          <view class="exchangeCode-process-num">5</view>
+          <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="../../../images/welfareMall/exchangeCode-menu.png"></image>
-          <view class="exchangeCode-process-num">6</view>
+          <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>

pages/welfareMall/exchangeCode/exchangeCode.wxss

@@ -40,7 +40,7 @@ page{
 .exchangeCode-confirm{
   width: 684rpx;
   height: 80rpx;
-  background: #b9d25d;
+  /* background: #b9d25d; */
   border-radius: 40rpx;
   text-align: center;
   line-height: 80rpx;
@@ -56,7 +56,7 @@ page{
   width: 684rpx;
   height: 1052rpx;
   background: #f5f5f5;
-  border: 2rpx solid #b9d25d;
+  /* border: 2rpx solid #b9d25d; */
   border-radius: 40rpx;
   margin-bottom: 54rpx;
 }
@@ -80,8 +80,8 @@ page{
   position: relative;
   width: 32rpx;
   height: 32rpx;
-  background: #b9d25d;
-  border: 2rpx solid #b9d25d;
+  /* background: #b9d25d;
+  border: 2rpx solid #b9d25d; */
   border-radius: 50%;
   text-align: center;
   line-height: 32rpx;
@@ -98,7 +98,7 @@ page{
   font-family: Microsoft YaHei, Microsoft YaHei-Regular;
   font-weight: 400;
   text-align: center;
-  color: #b9d25d;
+  /* color: #b9d25d; */
   margin: 38rpx 0 52rpx;
 }