Floating right component added, personal pages style fixed

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>