Floating right component added, personal pages style fixed

rc-busness/assets/css/discount.less

@@ -19,10 +19,9 @@
       }
    
       .rc {
-        height: 64px;
         display: flex;
         align-items: center;
-        margin-left: 23px;
+        margin-left: 1rem;
         span {
           display: block;
           margin-left: 32px;
@@ -184,7 +183,6 @@ margin-top: 8px;
         height: 96px;
         display: flex;
         align-items: center;
-        margin-left: 23px;
         justify-content: center;
         span {
           display: block;

rc-busness/assets/css/integral.less

@@ -40,8 +40,7 @@ span{
         li{
             float: left;
             width: 30%;
-          
+			position:relative;
-
         }
         li:after{
              //   height: 2px;
@@ -49,8 +48,9 @@ span{
              //   display: block;
                content:"|";
                color: #707070;
-               margin-left: 5px;
+               position:absolute;
-
+			   top:0;
+			   right:0;
         }
          li:last-child:after{
                 content:"";
@@ -126,10 +126,7 @@ span{
 }
 }
     }
-.rc-usermain{
+.rc-max-width--xl{
-    width: 92%;
-    margin: 0 auto;
-    margin-top: 60px;
 
     ul{
         height: 64px;
@@ -158,9 +155,9 @@ border-radius: 3px 3px 0px 0px;
             font-style: normal;
             display: block;
             height: 48px;
-            margin-top: 16px;
             display: flex;
             border: 1px solid #D7D7D7;
+			border-top:0;
          //    justify-content: space-between;
             align-items: center;
             color: #666666;

rc-busness/assets/css/mypersonal.less

@@ -2,12 +2,22 @@ ul li ol li em strong i {
   list-style: none;
   font-style: normal;
 }
-.rc-header {
-  width: 100%;
-}
 .rc-center{
 	overflow:hidden;
 }
+.rc-title{
+   img{
+	 width: 96px;
+	 height: 96px;
+	margin:0 auto;
+   }
+}
+.userer{
+	img{
+		margin-left:auto;
+		margin-right:auto;
+	}
+}
 //手机端
 @media screen and (max-width: 768px) {
 	.ts-mypersonal{
@@ -45,13 +55,6 @@ ul li ol li em strong i {
       color:#333333;
       font-size: 26px;
     }
-  .rc-title{
-     img{
-       width: 96px;
-       height: 96px;
-
-     }
-  }
   .userer{
     img{
       width: 210px;
@@ -246,10 +249,10 @@ ul li ol li em strong i {
 //pc端
 
 @media screen and (min-width: 769px) {
-  /deep/.el-dialog {
+	/deep/.el-dialog {
- width: 440px;
+		width: 440px;
- height: 652px;
+		height: 652px;
-}
+	}
 .ts-mypersonal{
 	margin-left:0;
 	.rc-column{

rc-busness/assets/css/usermember.less

@@ -0,0 +1,211 @@
+ul li ol li em strong i {
+  list-style: none;
+  font-style: normal;
+}
+/deep/.van-swipe__indicator--active{
+	background:#E2001A;
+}
+  //手机端
+@media screen and (max-width: 768px) {
+  .rc-main {
+    margin: 0 auto;
+    overflow: hidden;
+       .rc-center {
+      width: 100%;
+      height: 180px;
+      img {
+        width: 100%;
+        height: 100%;
+        display: block;
+      }
+   
+    }
+    .rc-userorder{
+        display: flex;
+        align-items: center;
+        height: 100%;
+        
+    }
+
+    .rc-order{
+        padding: 16px 0 16px 0 ;
+         width: 100%;
+         display: flex;
+         align-items: center;
+         font-size: 14px;
+         color: #333333;
+         font-weight: 500;
+         border-bottom: 1px solid #D8D8D8;
+         margin-top: 22px;
+
+  }
+
+   .rc-cordd{
+   color:#666666;
+   font-size: 14px;
+   margin-top: 16px;
+     span{
+        display: block;
+        margin-top: 16px;
+     }
+     .block{
+          height: 8px;
+   background: #D7D7D7;
+   margin-top: 16px;
+   border-radius: 4px;
+   .r-block{
+     width: 0%;
+     height: 100%;
+     background: #008900;
+   }
+   
+  
+     }
+      .rc-value{
+        display: flex;
+        justify-content: space-between;
+   }
+ }
+
+  .usermember{
+      width: 100%;
+      height: 80px;
+      border-bottom: 1px solid #D8D8D8;
+      display: flex;
+      align-items: center;
+      .rc-image{
+          height: 100%;
+          display: flex;
+          align-items: center;
+      }
+      img{
+          width: 3rem;
+          height: 3rem;
+          display: block;
+		  object-fit: contain;
+      }
+      em{
+		font-style: normal;
+		font-size: 16px;
+		display: block;
+		margin-left:3vw;
+		font-weight: bold;
+		color: #531c1c;
+		width:4.25rem;
+      }
+      span{
+		color: #666666;
+		font-size: 14px;
+		margin-left: 3vw;
+		width: 51vw;
+      }
+  }
+}
+}
+
+@media screen and (min-width: 769px) {
+    
+  .rc-main {
+    width: 92%;
+    margin: 0 auto;
+    overflow: hidden;
+       .rc-center {
+      width: 100%;
+      height: 180px;
+      display: none;
+      img {
+        width: 100%;
+        height: 100%;
+        display: block;
+      }
+   
+    }
+
+    .rc-order{
+        padding: 16px 0 16px 0 ;
+         width: 100%;
+         display: flex;
+         align-items: center;
+         font-size: 26px;
+         color: #333333;
+         font-weight: 500;
+        
+
+  }
+   .rc-cordd{
+   color:#666666;
+   margin-top: 16px;
+     span{
+        display: block;
+        margin-top: 16px;
+        font-size: 16px;
+     }
+     .block{
+          height: 8px;
+   background: #D7D7D7;
+   margin-top: 16px;
+   border-radius: 4px;
+   .r-block{
+     width: 0%;
+     height: 100%;
+     background: #008900;
+   }
+   
+  
+     }
+      .rc-value{
+        display: flex;
+        justify-content: space-between;
+   }
+ }
+
+  .usermember{
+      width: 23%;
+      float: left;
+      height: 160px;
+      border: 1px solid #D7D7D7;
+      margin-top: 80px;
+      margin-left: 19px;
+      .rc-image{
+          float: right;
+    overflow: hidden;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    margin-right:20px;
+ 
+      }
+      img{
+          width: 80px;
+          height: 80px;
+          display: block;
+      }
+      em{
+        font-style: normal;
+        font-size: 20px;
+        display: block;
+       
+        font-weight: 500;
+        color: #333333;
+      }
+      span{
+          color: #999999;
+           font-size: 14px;
+         
+      }
+  }
+  .rc-userorder{
+      width: 60%;
+      height: 100%;
+    display: flex;
+    flex-direction: column;
+       justify-content: center;
+       align-items: flex-start;
+	   padding-left:2.5rem;
+       span{
+           margin-top: 8px;
+       }
+  }
+}
+
+}

rc-busness/components/fixed-right.vue

@@ -0,0 +1,106 @@
+<template>
+  	<div class="rc-fixright" >
+  		<ul >
+  			<li v-for="(userfixed,index) in fixedlist" :key="index" @click="lianxi(userfixed,index)">
+  				<img :src="userfixed.catimage" alt="">
+  				<span> {{userfixed.title}}</span>
+  			</li>
+  		</ul>
+  		<div class="tuntop" @click="toTop" v-show="gotop">
+  			<img src="../assets/image/turntop.png" alt="">
+  			<span>回到顶部</span>
+  		</div>
+  	</div>
+</template>
+
+<script>
+export default {
+	data(){
+		return{
+			gotop: false,
+			loginornot:false,
+			fixedlist: [
+			  {
+				title: "购物车",
+				   catimage: require("../assets/buy.png"),
+				  
+			  },
+			  {
+				title: "在线客服",
+				catimage: require("../assets/service.png"),
+				  
+			  },
+			  {
+				title: "营养专家",
+				 catimage: require("../assets/consult.png"),
+				 
+			  }
+			]
+		}
+	},
+	methods:{
+		lianxi(item,index){
+			if(item.title=='在线客服'){
+				var option = {
+					customer: {id: '', name: '', email: '', mobile: '', memberId: '999999'}
+				}
+				dis_livchat(option);
+			}
+			if(item.title=='购物车'){
+				if(this.loginornot){
+					this.$router.push({
+						path: "/userlogin/login",
+					});
+				} else {
+					this.$router.push({
+						path: "/myorder/userrecord",
+					});
+				}
+			}
+			if(item.title=='营养专家'){
+				var option = {
+					customer: {id: '', name: '', email: '', mobile: '', memberId: '999999'}
+				}
+				dis_livchat(option);
+			}
+		},
+		toTop() {
+			let top = document.documentElement.scrollTop || document.body.scrollTop;
+			// 实现滚动效果 
+			const timeTop = setInterval(() => {
+				document.body.scrollTop = document.documentElement.scrollTop = top -= 400;
+				if (top <= 0) {
+					clearInterval(timeTop);
+				}
+			}, 10);
+		},
+		handleScroll() {
+			let scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
+			if(scrolltop>400)
+			{
+				this.gotop = true
+			}
+			else
+			{
+				this.gotop = false
+			}
+		}
+	},
+	mounted(){
+		//Check login
+		let usernot=JSON.parse(localStorage.getItem("userInfo"));
+		//console.log(usernot);
+		if(usernot==null ||usernot==undefined){
+			this.loginornot=true
+		}else{
+			this.loginornot=false
+			this.usermessage=usernot;
+		}
+		//Check login end
+		window.addEventListener("scroll", this.handleScroll, true);
+	}
+}
+</script>
+
+<style lang="less" scoped >
+</style>

rc-busness/components/header.vue

@@ -434,6 +434,5 @@ export default {
 
 </script>
 <style lang="less" scoped>
-@import url("../assets/css/global.less");
 
 </style>

rc-busness/pages/index.vue

@@ -93,7 +93,7 @@
 								<span>{{item.title}}</span>
 								<p>{{item.detail}}</p>
 								<em>{{item.price}}</em>
-								<strong class="ts-standard-btn ts-standard-btn--two center" @click="userbuy(item,index)">立即购买</strong>
+								<strong class="ts-standard-btn ts-standard-btn--two center" @click="selectproduce(item,index)">立即购买</strong>
 						   </div>
 						</div>
 						<div class="sw-center" >
@@ -110,7 +110,7 @@
 								<em>{{item.price}}</em>
 							</div>
 							<div class="rc-full-width rc-margin-y--md">
-								<i @click="userbuy(item,index)" class="ts-standard-btn ts-standard-btn--two center">立即购买</i>
+								<i @click="selectproduce(item,index)" class="ts-standard-btn ts-standard-btn--two center">立即购买</i>
 							</div>
 						</div>
 					</swiper-slide>
@@ -327,7 +327,7 @@
 							<span>{{item.title}}</span>
 							<p>{{item.detail}}</p>
 							<em>{{item.price}}</em>
-							<strong class="ts-standard-btn ts-standard-btn--two center" @click="userbuy(item,index)">立即购买</strong>
+							<strong class="ts-standard-btn ts-standard-btn--two center" @click="selectproduce(item,index)">立即购买</strong>
 	                   </div>
 	                   </div>
 	                         <div class="sw-center" >
@@ -344,7 +344,7 @@
 									<em>{{item.price}}</em>
 								</div>
 								<div class="rc-full-width rc-margin-y--md">
-									<i @click="userbuy(item,index)" class="ts-standard-btn ts-standard-btn--two center">立即购买</i>
+									<i @click="selectproduce(item,index)" class="ts-standard-btn ts-standard-btn--two center">立即购买</i>
 								</div>
 	                         </div>
 	       
@@ -726,29 +726,19 @@
 	        </nuxt-link>
 	        </div> -->
 	
-	        <div class="rc-fixright" >
+	        <FixRight></FixRight>
-				<ul >
-					<li v-for="(userfixed,index) in fixedlist" :key="index" @click="lianxi(userfixed,index)">
-						<img :src="userfixed.catimage" alt="">
-						<span> {{userfixed.title}}</span>
-					</li>
-				</ul>
-				<div class="tuntop" @click="toTop" v-show="gotop">
-					<img src="../assets/image/turntop.png" alt="">
-					<span>回到顶部</span>
-				</div>
-	        </div>
 			<div v-if="!dataLoaded" class="ts-mask">
 				<div class="ts-mask-bg"></div>
 				<div class="userloding"></div>
 				<span>数据加载中</span>
 			</div>
-			<Myfooter v-on:litentop='showmesg'></Myfooter>
+			<Myfooter></Myfooter>
 </div>
 </template>
   <script>
   let vm=null;
   import Myheader from "~/components/header.vue";
+  import FixRight from "~/components/fixed-right.vue";
   import Myfooter from "~/components/rc-footer.vue";
   import unlogin from "~/components/unlogin.vue";
   import { userquery,postCourseId,biaomessage,userque,searchchanpin } from "../ajax/getData";
@@ -762,6 +752,7 @@
 		fixedHeader:false,
 		dataLoaded:true,
         useraindex:0,
+		
         usertitle:'明星猫粮',
         dogtitle:'明星犬粮',
         processinformation:[],
@@ -1024,24 +1015,6 @@
 			price:'¥88',
         },
   
-      ],
-                   fixedlist: [
-        {
-          title: "购物车",
-             catimage: require("../assets/buy.png"),
-            
-        },
-        {
-          title: "在线客服",
-          catimage: require("../assets/service.png"),
-            
-        },
-        {
-          title: "营养专家",
-           catimage: require("../assets/consult.png"),
-           
-        },
-  
       ],
 	  rccontair: [
         {
@@ -1176,6 +1149,7 @@
 		Myheader,
 		Myfooter,
 		unlogin,
+		FixRight
 		// userswiper
 	},
 	created(){
@@ -1463,9 +1437,6 @@
 				this.processinformation=this.chufanlist
 			}
 		},
-		showmesg(){
-			this.toTop();
-		},
 		handleScroll(e) 
 		{
 			let fixedCatbarSeperator = document.getElementById("fixed-catbar-seperator");
@@ -1487,16 +1458,6 @@
 				this.searchBar=true
 			}
 		},
-		toTop() {
-			let top = document.documentElement.scrollTop || document.body.scrollTop;
-			// 实现滚动效果 
-			const timeTop = setInterval(() => {
-				document.body.scrollTop = document.documentElement.scrollTop = top -= 400;
-				if (top <= 0) {
-					clearInterval(timeTop);
-				}
-			}, 10);
-		},
 		async courseId(item) {
 			this.dataLoaded=false;
 			let data = await postCourseId(this.productCode,1,this.usermessage.data.id,this.usermessage.data.mobile,item.picFile,item.name,item.basePrice,item.specifications);
@@ -1637,29 +1598,6 @@
 			}
 		   this.catmessage(this.userserachlist,'Shi')
 		},
-
-
-  
-		lianxi(item,index){
-			if(item.title=='在线客服'){
-				var option = {
-					customer: {id: '', name: '', email: '', mobile: '', memberId: '999999'}
-				}
-				dis_livchat(option);
-			}
-			if(item.title=='购物车'){
-				this.$router.push({
-				path: "/myorder/userrecord",
-				});
-			}
-			if(item.title=='营养专家'){
-				var option = {
-					customer: {id: '', name: '', email: '', mobile: '', memberId: '999999'}
-				}
-				dis_livchat(option);
-			}
-
-		},
 		userbuy(item){
 			let user= localStorage.getItem("userInfo");
 			this.courseId(item)

rc-busness/pages/personal/discount.vue

@@ -6,7 +6,7 @@
      <div class="rc-top"></div>
       <div class="rc-usermain">
     
-        <div class="rc">
+        <div class="rc rc-column">
           <span
             v-for="(item, index) in discountlist"
             :key="index"
@@ -83,71 +83,6 @@ export default {
           starttime: "2021.11.29-2022.01.28",
           catimage: require("../../assets/image/unused.png"),
         },
-        {
-          price: "30",
-          pricestype: "新客优惠券",
-          special: "全场每满299-30",
-          period: "有效期",
-          starttime: "2021.11.29-2022.01.28",
-          catimage: require("../../assets/image/unused.png"),
-        },
-        {
-          price: "30",
-          pricestype: "新客优惠券",
-          special: "全场每满299-30",
-          period: "有效期",
-          starttime: "2021.11.29-2022.01.28",
-          catimage: require("../../assets/image/unused.png"),
-        },
-        {
-          price: "30",
-          pricestype: "新客优惠券",
-          special: "全场每满299-30",
-          period: "有效期",
-          starttime: "2021.11.29-2022.01.28",
-        },
-        {
-          price: "30",
-          pricestype: "新客优惠券",
-          special: "全场每满299-30",
-          period: "有效期",
-          starttime: "2021.11.29-2022.01.28",
-        },
-        {
-          price: "30",
-          pricestype: "新客优惠券",
-          special: "全场每满299-30",
-          period: "有效期",
-          starttime: "2021.11.29-2022.01.28",
-        },
-        {
-          price: "30",
-          pricestype: "新客优惠券",
-          special: "全场每满299-30",
-          period: "有效期",
-          starttime: "2021.11.29-2022.01.28",
-        },
-        {
-          price: "30",
-          pricestype: "新客优惠券",
-          special: "全场每满299-30",
-          period: "有效期",
-          starttime: "2021.11.29-2022.01.28",
-        },
-        {
-          price: "30",
-          pricestype: "新客优惠券",
-          special: "全场每满299-30",
-          period: "有效期",
-          starttime: "2021.11.29-2022.01.28",
-        },
-        {
-          price: "30",
-          pricestype: "新客优惠券",
-          special: "全场每满299-30",
-          period: "有效期",
-          starttime: "2021.11.29-2022.01.28",
-        },
       ],
       discountlist: [
         {

rc-busness/pages/personal/integral.vue

@@ -1,8 +1,8 @@
 <template>
 <div>
     <Myheader></Myheader>
-
+      <div class="rc-top"></div>
-         <div class="rc-usermain ">
+         <div class="rc-max-width--xl rc-padding-y--md">
           <ul>
               <li v-for="(item,index) in userrecord" :key="index">
                      {{item.title}}
@@ -20,13 +20,13 @@
 
          </div> 
 
-    <div class="rc-button">
+    <!-- <div class="rc-button">
        <div class="rc-order">
            <span>积分兑换</span>
 
        </div>
 
-    </div>
+    </div> -->
   </div>
 </template>
 
@@ -115,6 +115,4 @@ export default {
 
 <style lang="less" scoped>
 @import url("../../assets/css/integral.less");
-
-
 </style>

rc-busness/pages/personal/mypersonal.vue

@@ -108,8 +108,8 @@
     :before-close="handleClose"
     @open="open"
   >
-    <div class="rc-header">
+    <div class="rc-full-width rc-max-width--xl rc-text--center">
-      <div class="rc-title">
+      <div class="rc-title rc-text--center rc-margin-bottom--md">
      <img src="../../assets/error.png" alt="">
      </div> 
        <div class="rc-logmain">
@@ -119,8 +119,7 @@
        </div>
 
        <div class="userer">
-
+         <img src="/images/qrcode-aichong.jpg" alt="" class="rc-margin-y--xs">
-         <img src="../../assets/image/rc-discount.png" alt="">
          <span>微信扫一扫，识别二维码</span>
        </div>
     </div>
@@ -129,7 +128,7 @@
   </el-dialog>
 
 
-
+	<FixRight></FixRight>
   <MyFooter></MyFooter>
   </div>
 
@@ -140,6 +139,7 @@
 <script>
 import Myheader from '~/components/header.vue' 
 import MyFooter from '~/components/rc-footer.vue'
+import FixRight from "~/components/fixed-right.vue";
 import tabs from "@/components/tabs.vue";
 export default {
 	middleware: 'metaTitle',
@@ -204,7 +204,8 @@ export default {
 	components: {
 		Myheader,
 		MyFooter,
-		tabs
+		tabs,
+		FixRight
 	},
 	watch:{
 
@@ -315,7 +316,6 @@ obligation(item,index){
     var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
  
     if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
-      console.log("当前是电脑打开")
       if(this.userlog==true){
          this.usermessage='关注皇家爱宠荟，修改个人资料',
        this.dialogInfo1=true;
@@ -325,8 +325,8 @@ obligation(item,index){
       }
       
     }else{
-  console.log("当前是手机打开")
     this.dialogInfo1=false;
+	window.location.href="weixin://dl/business/?t=BE1OA2AngRs";
 }
   },
     openaddress(item,index){

rc-busness/pages/personal/usermember.vue

@@ -1,7 +1,8 @@
 <template>
    <div>
        <Myheader></Myheader>
-        <div class="rc-header">
+	   <div class="rc-top"></div>
+        <div class="rc-full-width rc-max-width--xl rc-padding-y--lg">
                  <div class="rc-main">
                     
                  <div class="rc-center" >
@@ -43,12 +44,14 @@
       </div>
         </div>
 		
+		<Myfooter></Myfooter>
    </div>
 
 </template>
 
 <script>
 import Myheader from '~/components/header.vue'
+import Myfooter from '~/components/rc-footer.vue'
 export default {
 data(){
   
@@ -246,7 +249,8 @@ methods:{
 
 },
 components:{
-Myheader
+Myheader,
+Myfooter
 },
 mounted(){ 
       console.log(this.$refs.userblock);
@@ -293,216 +297,6 @@ mounted(){
 </script>
 
 <style lang="less" scoped>
-ul li ol li em strong i {
+@import url("../../assets/css/usermember.less");
-  list-style: none;
-  font-style: normal;
-}
-.rc-header {
-  width: 100%;
-}
-  //手机端
-@media screen and (max-width: 768px) {
-  .rc-main {
-    width: 92%;
-    margin: 0 auto;
-    overflow: hidden;
-       .rc-center {
-      width: 100%;
-      height: 180px;
-      img {
-        width: 100%;
-        height: 100%;
-        display: block;
-      }
-   
-    }
-    .rc-userorder{
-        display: flex;
-        align-items: center;
-        height: 100%;
-        
-    }
-
-    .rc-order{
-        padding: 16px 0 16px 0 ;
-         width: 100%;
-         display: flex;
-         align-items: center;
-         font-size: 14px;
-         color: #333333;
-         font-weight: 500;
-         border-bottom: 1px solid #D8D8D8;
-         margin-top: 22px;
-
-  }
-
-   .rc-cordd{
-   color:#666666;
-   font-size: 14px;
-   margin-top: 16px;
-     span{
-        display: block;
-        margin-top: 16px;
-     }
-     .block{
-          height: 8px;
-   background: #D7D7D7;
-   margin-top: 16px;
-   border-radius: 4px;
-   .r-block{
-     width: 0%;
-     height: 100%;
-     background: #008900;
-   }
-   
-  
-     }
-      .rc-value{
-        display: flex;
-        justify-content: space-between;
-   }
- }
-
-  .usermember{
-      width: 100%;
-      height: 80px;
-      border-bottom: 1px solid #D8D8D8;
-      display: flex;
-      align-items: center;
-      .rc-image{
-          height: 100%;
-          display: flex;
-          align-items: center;
-      }
-      img{
-          width: 48px;
-          height: 48px;
-          display: block;
-      }
-      em{
-          font-style: normal;
-          font-size: 16px;
-        display: block;
-        margin-left:16px;
-       font-weight: bold;
-       color: #531c1c;
-      }
-      span{
-          color: #666666;
-           font-size: 14px;
-           margin-left: 8px;
-          
-      }
-  }
-}
-}
-
-@media screen and (min-width: 768px) and (max-width: 1920px) {
-    
-  .rc-main {
-    width: 92%;
-    margin: 0 auto;
-    overflow: hidden;
-       .rc-center {
-      width: 100%;
-      height: 180px;
-      display: none;
-      img {
-        width: 100%;
-        height: 100%;
-        display: block;
-      }
-   
-    }
-
-    .rc-order{
-        padding: 16px 0 16px 0 ;
-         width: 100%;
-         display: flex;
-         align-items: center;
-         font-size: 26px;
-         color: #333333;
-         font-weight: 500;
-        
-
-  }
-   .rc-cordd{
-   color:#666666;
-   margin-top: 16px;
-     span{
-        display: block;
-        margin-top: 16px;
-        font-size: 16px;
-     }
-     .block{
-          height: 8px;
-   background: #D7D7D7;
-   margin-top: 16px;
-   border-radius: 4px;
-   .r-block{
-     width: 0%;
-     height: 100%;
-     background: #008900;
-   }
-   
-  
-     }
-      .rc-value{
-        display: flex;
-        justify-content: space-between;
-   }
- }
-
-  .usermember{
-      width: 23%;
-      float: left;
-      height: 160px;
-      border: 1px solid #D7D7D7;
-      margin-top: 80px;
-      margin-left: 19px;
-      .rc-image{
-          float: right;
-    overflow: hidden;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    margin-right:20px;
- 
-      }
-      img{
-          width: 80px;
-          height: 80px;
-          display: block;
-      }
-      em{
-        font-style: normal;
-        font-size: 20px;
-        display: block;
-       
-        font-weight: 500;
-        color: #333333;
-      }
-      span{
-          color: #999999;
-           font-size: 14px;
-         
-      }
-  }
-  .rc-userorder{
-      width: 60%;
-      float: left;
-      height: 100%;
-    display: flex;
-    flex-direction: column;
-       justify-content: center;
-       align-items: center;
-       span{
-           margin-top: 8px;
-           width: 54%;
-       }
-  }
-}
-
-}
 
 </style>

rc-busness/pages/productdetails/productlist.vue

@@ -118,7 +118,7 @@
                     rc-margin-y--md
                     center
                   "
-                  @click="userbuy()"
+                  @click="selectproduce(item)"
                   >立即购买</strong
                 >
               </div>
@@ -296,6 +296,7 @@
         <em>确认</em>
       </div>
     </el-dialog>
+	<FixRight></FixRight>
 		<div v-if="isLoading" class="ts-mask">
 			<div class="ts-mask-bg"></div>
 			<div class="userloding"></div>
@@ -308,6 +309,7 @@
 <script>
 import Myheader from "~/components/header.vue";
 import MyFooter from '~/components/rc-footer.vue'
+import FixRight from "~/components/fixed-right.vue";
 import {
   userstype,
   biaome,
@@ -473,7 +475,8 @@ export default {
   },
   components: {
     Myheader,
-    MyFooter
+    MyFooter,
+	FixRight
   },
   created() {
 	  this.routeParams=this.$route.query;

rc-busness/pages/userlogin/edit.vue

@@ -84,6 +84,7 @@
               @click="register()"
               class="ts-standard-btn ts-standard-btn--max-width"
               value="注册"
+			  readonly
           ></input
           >
           <!-- <van-divider @click="toLogin">注册账户</van-divider> -->

rc-busness/pages/userlogin/login.vue

@@ -104,6 +104,7 @@
               @click="register()"
               class="ts-standard-btn ts-standard-btn--max-width"
               value="登录"
+			  readonly
           ></input
           >
           <!-- <van-divider @click="toLogin">注册账户</van-divider> -->

rc-busness/pages/usersearch/search.vue

@@ -128,7 +128,7 @@
                     rc-margin-y--md
                     center
                   "
-                  @click="userbuy()"
+                  @click="selectproduce(item)"
                   >立即购买</strong
                 >
               </div>
@@ -313,6 +313,7 @@
       </el-dialog>
     </div>
     <!-- rc-main end -->
+	<FixRight></FixRight>
 	<div v-if="isLoading" class="ts-mask">
 		<div class="ts-mask-bg"></div>
 		<div class="userloding"></div>
@@ -325,6 +326,7 @@
 <script>
 import Myheader from "~/components/header.vue";
 import MyFooter from '~/components/rc-footer.vue'
+import FixRight from "~/components/fixed-right.vue";
 import { biaome, userstype, searchchanpin, userquery } from "../../ajax/getData";
 export default {
   data() {
@@ -510,7 +512,8 @@ export default {
   },
   components: {
     Myheader,
-    MyFooter
+    MyFooter,
+	FixRight
   },
   mounted() {
     this.usetmessage();