cps：推荐海报、提现样式

htmldev/cps/src/api/request.js

@@ -53,7 +53,7 @@ request.interceptors.request.use(request => {
 
   // 因为微信开发者工具重复授权，本地开发时写死
   if (/^(0|192|10|localhost)/.test(domain)) {
-    request.headers.wechatToken = 'eb2de96dbb4f2860f6b1cae67e0925b7'
+    request.headers.wechatToken = 'bc1916dedf8216becf9b45337dc08a82'
   } else {
     request.headers.wechatToken = getCookieValue('fanbutingwechatToken')
   }

htmldev/cps/src/views/marketing/api/index.js

@@ -6,5 +6,5 @@ import request from '@/api/request'
 export const getHomeList = () => request({
   method: 'GET',
   url: '/api/home/list',
-  showLoading: false
+  showLoading: true
 })

htmldev/cps/src/views/marketing/save/api/index.js

@@ -6,5 +6,5 @@ import request from '@/api/request'
 export const getHomeList = () => request({
   method: 'GET',
   url: '/api/home/list',
-  showLoading: false
+  showLoading: true
 })

htmldev/cps/src/views/recommend/index.vue

@@ -59,7 +59,7 @@ export default {
   },
   methods: {
     handleSave () {
-      Notify({ type: 'success', message: '长按图片保存到手机' })
+      Notify({ type: 'primary', message: '长按图片保存到手机' })
     },
     async fetchRecommendUrl () {
       try {
@@ -154,7 +154,6 @@ export default {
               vm.strPostSrc = canvas.toDataURL('image/png', 1)
               vm.showPoster = true
               Toast.clear()
-              Notify({ type: 'primary', message: '长按图片保存到相册', duration: 3000 })
             }
           })
         }
@@ -166,11 +165,11 @@ export default {
 
 <style lang="scss" scoped>
 .recommend-container {
-  padding-bottom: 116px;
+  padding-bottom: 82px;
 }
 
 .poster {
-  width: 344px;
+  width: 320px;
   margin: 22px auto 0;
   box-shadow: 0 2px 4px 0 rgba(209, 219, 236, 0.72);
   border-radius: 8px;
@@ -189,11 +188,13 @@ export default {
   left: 0;
   right: 0;
   bottom: 0;
+  z-index: 10;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
-  padding: 32px 0 36px;
+  padding: 16px 0 18px;
+  background: #fff;
 }
 
 .save,

htmldev/cps/src/views/withdrawCash/index.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="withdraw-cash-container">
     <div class="w-343">
-      <p class="btn-rule">
+      <p class="btn-rule"
+         @click="booRule = true">
         <a href="javascript:;">提现规则</a>
       </p>
       <h2>提现</h2>
@@ -16,8 +17,9 @@
       </van-field>
       <p class="help">
         <span>可提现金额 ￥{{ userinfo.user_balance | fen2Yuan }}元</span>
-        <a href="javascript:;"
-           @click="allWithdrawCash">全部提现></a>
+        <a :class="{active: userinfo.user_balance > 0}"
+           href="javascript:;"
+           @click="allWithdrawCash">全部提现</a>
       </p>
       <van-button
         class="btn-withdraw-cash"
@@ -26,11 +28,15 @@
         @click="withdrawCash">提现
       </van-button>
     </div>
+    <van-popup
+      closeable
+      v-model="booRule">内容
+    </van-popup>
   </div>
 </template>
 
 <script>
-import { Field, Button, Toast } from 'vant'
+import { Field, Button, Toast, Popup } from 'vant'
 import { apiUserCash } from './api/api'
 import { fen2Yuan, yuan2Fen } from '@/utils'
 
@@ -38,12 +44,14 @@ export default {
   name: 'index',
   components: {
     'van-field': Field,
-    'van-button': Button
+    'van-button': Button,
+    'van-popup': Popup
   },
   data () {
     return {
       amount: '',
-      booLock: false
+      booLock: false,
+      booRule: false
     }
   },
   computed: {
@@ -56,6 +64,7 @@ export default {
     allWithdrawCash () {
       const amount = this.userinfo.user_balance
       if (amount <= 0) {
+        Toast('暂无可提现金额')
         return
       }
       this.amount = fen2Yuan(amount)
@@ -148,11 +157,12 @@ h2 {
   }
 
   ::v-deep .van-cell__value {
-    padding: 11px 0;
+    padding: 8px 0;
 
     input {
-      height: 20px;
-      font-size: 14px;
+      height: 26px;
+      font-size: 18px;
+      font-weight: bold;
       color: #333;
       -webkit-text-fill-color: #333;
       opacity: 1;
@@ -184,8 +194,12 @@ h2 {
     font-size: 14px;
     font-family: PingFangSC-Medium, PingFang SC;
     font-weight: 500;
-    color: #007AFF;
     line-height: 20px;
+    color: #ccc;
+
+    &.active {
+      color: #007AFF;
+    }
   }
 }