!22 2022-1-17 Leung

Merge pull request !22 from Admin/sit-Leung

rc-busness/assets/css/discount.less

@@ -132,7 +132,7 @@ margin-top: 8px;
         }
         .rc-footer {
           display: flex;
-          align-items:flex-end
+          align-items:flex-end;
           span {
             width: 72px;
             height: 25px;

rc-busness/assets/css/global.less

@@ -150,11 +150,9 @@ img, picture {
 		flex-wrap: nowrap;
 		text-align: center;
 		width: 86%;
-		&::-webkit-scrollbar{
-			display:none;
-		}
 		li{
 			border-radius: 100px;
+			flex-shrink:0;
 		}
 	}
 	.active{
@@ -344,6 +342,9 @@ img, picture {
 				font-size:.75rem;
 				line-height: 1.375rem;
 			}
+			&::-webkit-scrollbar{
+				display:none;
+			}
 		}
 	}
 	
@@ -384,7 +385,7 @@ img, picture {
 			}
 		}
 		img{
-			width:20rem;
+			width:21.7vw;
 			max-width:320px;
 			min-width:160px;
 		}
@@ -496,12 +497,30 @@ img, picture {
 		{
 			li
 			{
-				margin-left: 40px;
+				margin-left: 30px;
 				width: 8.125rem;
 				height: 2.5rem;
 				line-height: 40px;
 				font-size: .875rem;
 			}
+			/*
+			&::-webkit-scrollbar{
+				background:unset;
+				height:4px;
+			}
+			&::-webkit-scrollbar-thumb{
+				background-color:#d7d7d7;
+				height:2px;
+			}
+			&::-webkit-scrollbar-track{
+				background-color:ddd;
+				
+				height:2px;
+			}
+			&::-webkit-scrollbar-button{
+				background:unset;
+			}
+			*/
 		}
 	}
 

rc-busness/assets/css/index.less

@@ -125,7 +125,6 @@
 		height: 26.31rem;
 		width: 100%;
 		font-size: 0.20px;
-		line-height: 1.50rem;
 		text-align: center;
 		position: relative;
 	}
@@ -338,7 +337,6 @@ object-fit: cover;
   height: 100%;
   width: 100%;
   font-size: 1.25rem;
-  line-height: 9.375rem;
   text-align: center;
 
 
@@ -528,7 +526,6 @@ img{
 				cursor: pointer;
 				font-size: 16px;
 				text-align: center;
-				margin-left:1.3vw;
 			}
 		}
 

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/nuxt.config.js

@@ -50,7 +50,6 @@ export default {
   plugins: [
     '@/plugins/vant',
     '@/plugins/ElementUI',
-    { src: "~/plugins/swiper.js", ssr: false },
     { src: '@/plugins/localStorage', ssr: false },
 
     

rc-busness/package.json

@@ -16,12 +16,10 @@
   },
   "dependencies": {
     "@nuxtjs/axios": "^5.13.6",
-    "@vant/touch-emulator": "^1.3.2",
     "amfe-flexible": "^2.2.1",
     "core-js": "^3.15.1",
     "element-ui": "^2.15.6",
     "ip": "^1.1.5",
-    "jquery": "^3.6.0",
     "less": "^4.1.2",
     "less-loader": "^6.0.0",
     "nuxt": "^2.15.7",
@@ -29,7 +27,8 @@
     "qrcodejs2": "^0.0.2",
     "vant": "^2.12.22",
     "vue-awesome-swiper": "^4.1.1",
-    "vuex-persistedstate": "^4.1.0"
+    "vuex-persistedstate": "^4.1.0",
+	"swiper":"^5.4.5"
   },
   "devDependencies": {
     "@vant/area-data": "^1.1.5",

rc-busness/pages/index.vue

@@ -1330,10 +1330,6 @@
 			this.gotop = false;
 			this.searchBar=true
 		}
-    }
-
-      
-	
     },
      toTop() {
       let top = document.documentElement.scrollTop || document.body.scrollTop;

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

rc-busness/pages/productdetails/producted.vue

@@ -7,9 +7,6 @@
      <div class="online" id="fixed-catbar-seperator"></div>
 	<div class="rc-top"></div>
     <div class="rc-usermain ts-product-detail rc-max-width--xl rc-layout-container rc-two-column rc-border-bottom rc-border-colour--brand4">
-	<!--
-    <magnifier v-bind:parentmsg="msg" ></magnifier>
-	-->
 	<div class="rc-column">
 		<div data-js-carousel="" data-image-gallery="true">
 		  <div class="rc-carousel rc-carousel__gallery-image" data-zoom-container="328b2e5f-6904-4cac-9709-51ed18d2500f" data-zoom-factor="2">
@@ -223,7 +220,6 @@
 
 <script>
 import Myheader from "~/components/header.vue";
-import magnifier from "@/components/magnifier.vue";
 import tabs from "@/components/tabs.vue";
   import unlogin from "~/components/unlogin.vue";
 import { mapMutations } from "vuex";
@@ -320,7 +316,6 @@ export default {
    components: {
     Myheader,
      tabs,
-     magnifier,
      unlogin,
     Myfooter
 

rc-busness/plugins/swiper.js

@@ -1,4 +0,0 @@
-import Vue from 'vue'
-import VueAwesomeSwiper from 'vue-awesome-swiper'
- 
-Vue.use(VueAwesomeSwiper)