Statics resources

rc-busness/pages/personal/mypersonal.vue

@@ -47,7 +47,8 @@
 	  <div class="rc-cordd">
 		<span>距离升级还差:</span> <span class="lackOfPoint">{{ rcvalue }}</span>
 		<div class="block">
-		  <div class="r-block" ref="userblock"></div>
+			<div class="ts-point-tag rc-md-up"></div>
+			<div class="r-block" ref="userblock"></div>
 		  <!-- <el-slider v-model="value" range show-stops :max="10"> </el-slider> -->
 
 		</div>
@@ -129,7 +130,7 @@
 
 
 
-  
+  <MyFooter></MyFooter>
   </div>
 
 
@@ -138,11 +139,12 @@
 
 <script>
 import Myheader from '~/components/header.vue' 
+import MyFooter from '~/components/rc-footer.vue'
 import tabs from "@/components/tabs.vue";
 export default {
-     middleware: 'metaTitle',
-    // middleware: 'metaTitle',
-  meta: {title: '个人中心'},
+	middleware: 'metaTitle',
+	// middleware: 'metaTitle',
+	meta: {title: '个人中心'},
   data() {
     return {
       userlog:false,
@@ -199,13 +201,14 @@ export default {
     };
 
   },
-    components: {
-    Myheader,
-      tabs,
-  },
-  watch:{
+	components: {
+		Myheader,
+		MyFooter,
+		tabs
+	},
+	watch:{
 
-},
+	},
   methods: {
 userinter(){
    let user= localStorage.getItem("userInfo");
@@ -405,7 +408,15 @@ this.$router.push({
                this.usrnewlist=this.goldmedal;
                userwidth=100
        }
-       this.$refs.userblock.style.width=userwidth+'%' 
+			this.$refs.userblock.style.width=userwidth+'%';
+			let tagEle=document.querySelector('.ts-point-tag');
+			if(tagEle){
+				tagEle.innerText=this.userid.availiblePoint;
+				let tagEleLeft=userwidth-1;
+				if(tagEleLeft<=0)
+					tagEleLeft=0;
+				tagEle.style.left=tagEleLeft+"%";
+			}
         }   else{
           console.log('---');
           this.userid=[];