搜索以及优惠券

rc-busness/pages/personal/discount.vue

@@ -2,11 +2,10 @@
   <div class="allmain">
    
   <Myheader></Myheader>
-  <div class="online bold rc-md-down" id="fixed-catbar-seperator"></div>
      <!-- <tabs></tabs> -->
      <div class="rc-top"></div>
       <div class="rc-usermain">
-          <div class="online bold"></div>
+    
         <div class="rc">
           <span
             v-for="(item, index) in discountlist"
@@ -28,14 +27,14 @@
           >
             <img :src="userimage" alt="" />
             <div class="rc-contair">
-              <div class="rc-left" ref="userleft" id="userleft">
+              <div class="rc-left" ref="userleft" id="userleft" :style='usercolor'>
                 <div>
-                  <i>￥</i><span>{{ item.couponAmount }}</span>
+                  <i>￥</i><span>{{item.couponTypeId=='4'?(item.discount) *10:item.couponAmount}}</span>
                 </div>
                 <strong>{{ item.couponName }}</strong>
               </div>
               <div class="rc-right">
-                <i>
+                <i  :style='usercolor'>
                   {{ item.couponName }}
                 </i>
                 <div class="rc-userfont">
@@ -71,6 +70,7 @@ export default {
       userload: true,
       pastdue: false,
       unused: false,
+      usercolor:{color:'#e1001a'},
       usermessage:[],
       userstates:0,
       userimage: require("../../assets/image/unused.png"),
@@ -207,21 +207,26 @@ export default {
         this.pastdue = true;
         this.userimage = require("../../assets/image/hasused.png");
         this.userstates=1
-        this.userdraw(this.usermessage.data.mobile,0)
+        console.log(this.$refs.userleft);
+        this.usercolor={color:'white'}
+
+ 
+        this.userdraw(this.usermessage.data.mobile,1)
       }
       if (this.activeIndex == 0) {
         this.userload = true;
         this.pastdue = false;
         this.userdraw(this.usermessage.data.mobile,0)
-
+             this.usercolor={color:'#e1001a'}
         this.userstates=0
         this.userimage = require("../../assets/image/unused.png");
       }
       if (this.activeIndex == 2) {
         this.userload = false;
         this.pastdue = true;
-        this.userdraw(this.usermessage.data.mobile,0)
+        this.userdraw(this.usermessage.data.mobile,2)
         this.userstates=2
+            this.usercolor={color:'white'}
         this.userimage = require("../../assets/image/expired.png");
       }
       console.log(index);
@@ -242,6 +247,18 @@ export default {
     // }
     // dis_livchat(option);
     // }
+  },
+
+   directives: {
+    'color': {
+      bind: function(el, binding){
+        el.style.color = binding.value
+      },
+      inserted: function(el){
+
+      }
+    },
+
   },
   mounted() {
    if(this.usermessage!=='' ||this.usermessage.data!==undefined){