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;
 }
@@ -366,13 +374,25 @@ ul li ol li em strong i {
 		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,6 +47,7 @@
 	  <div class="rc-cordd">
 		<span>距离升级还差:</span> <span class="lackOfPoint">{{ rcvalue }}</span>
 		<div class="block">
+			<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> -->
 
@@ -129,7 +130,7 @@
 
 
 
-  
+  <MyFooter></MyFooter>
   </div>
 
 
@@ -138,6 +139,7 @@
 
 <script>
 import Myheader from '~/components/header.vue' 
+import MyFooter from '~/components/rc-footer.vue'
 import tabs from "@/components/tabs.vue";
 export default {
 	middleware: 'metaTitle',
@@ -201,7 +203,8 @@ export default {
   },
 	components: {
 		Myheader,
-      tabs,
+		MyFooter,
+		tabs
 	},
 	watch:{
 
@@ -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=[];