Statics resources

rc-busness/assets/css/mypersonal.less

@@ -140,6 +140,7 @@ ul li ol li em strong i {
     }
  .rc-cordd{
    color:#666666;
+   position:relative;
      span{
         display: inline-block;
         margin-top: 16px;
@@ -249,6 +250,13 @@ ul li ol li em strong i {
  width: 440px;
  height: 652px;
 }
+.ts-mypersonal{
+	margin-left:0;
+	.rc-column{
+		padding-left:0;
+		padding-right:0;
+	}
+}
 .online{
 	margin:40px auto;
 }
@@ -362,17 +370,29 @@ ul li ol li em strong i {
 		}
 	}
      .block{
-          height: 8px;
-   background: #D7D7D7;
-   margin-top: 16px;
-   border-radius: 4px;
-   .r-block{
-     width: 0%;
-     height: 100%;
-     background: #008900;
-   }
-   
-  
+		height: 8px;
+		background: #D7D7D7;
+		margin-top: 16px;
+		border-radius: 4px;
+		position:relative;
+		margin-top:3.32rem;
+		.r-block{
+			width: 0%;
+			height: 100%;
+			background: #008900;
+		}
+		.ts-point-tag{
+			background:url("../image/img-pointBg.png") no-repeat center top;
+			background-size:contain;
+			height:2.375rem;
+			width:3.625rem;
+			text-align:center;
+			position:absolute;
+			font-size:.875rem;
+			line-height:2rem;
+			left:0;
+			top:-2.6rem;
+		}
      }
       .rc-value{
         display: flex;

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=[];