添加面包屑以及其它

rc-busness/pages/index.vue

@@ -4,19 +4,8 @@
 <div>
 	<!-- Suppose in header end -->
 	<Myheader></Myheader>
-	<div class="rc-login">
-		<div class="userunlogin" v-show="userunlogin" @click="userlogin">
-			<div class="user-left">
-				<img src="../assets/image/rc-people.png" alt="">
-				<span>
-					登录/注册
-				</span>
-			</div>
-			<div class="user-right">
-				<img src="../assets/image/rc-left.png" alt="">
-			</div>
-		</div>
-	</div>
+    <tabs></tabs>
+    <unlogin></unlogin>
 	<!-- Suppose in header end -->
 	<van-swipe :autoplay="30000">
 		<van-swipe-item v-for="(banner, index) in banners" :key="index">
@@ -593,10 +582,15 @@
   import $ from 'jquery'
   import Myheader from "~/components/header.vue";
   import Myfooter from "~/components/rc-footer.vue";
+  import unlogin from "~/components/unlogin.vue";
+  import tabs from "@/components/tabs.vue";
   import '@vant/touch-emulator';
   import { userquery,postCourseId,biaomessage,userque } from "../ajax/getData";
   const settings = require("@/config");
   export default {
+       middleware: 'metaTitle',
+    // middleware: 'metaTitle',
+  meta: {title: '首页'},
      data(){
        return{
         processinformation:[],
@@ -908,7 +902,9 @@ activeInde3:0,
      },
        components:{
     Myheader,
-    Myfooter
+    Myfooter,
+    tabs,
+    unlogin,
      },
       mounted(){
              this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
@@ -953,15 +949,7 @@ activeInde3:0,
          }
         
        },
-        //用户登录
-        userlogin(){
-       this.$router.push({
-        path: "/userlogin/login",
-        query: {
-          stype: 1,
-        },
-      });
-        },
+ 
 
        showmesg(){
        this.toTop();

rc-busness/pages/myorder/userrecord.vue

@@ -1,9 +1,10 @@
 <template>
   <div>
-    <Myheader></Myheader>
-
+   
     <div class="rc-header">
       <div class="rc-main">
+         <Myheader></Myheader>
+     <tabs></tabs>
         <div class="rc-commodity">
           <div class="rc-commondi">
             <img src="../../assets/image/rc-select.png" alt="" />
@@ -119,10 +120,13 @@
 <script>
 import { List } from 'vant';
 import Myheader from "~/components/header.vue";
+import tabs from "@/components/tabs.vue";
 import instance from "@/config/request";
  import {isexistCart,generateOrderWX,deleteCart} from "../../ajax/getData";
 import accMul from "../../config/setDec.js"
 export default {
+     middleware: 'metaTitle',
+  meta: {title: '购物车'},
   data() {
     return {
       ordersum: 1,
@@ -187,6 +191,7 @@ export default {
 
   components: {
     Myheader,
+    tabs
   },
   methods:{
      //请求猫

rc-busness/pages/productdetails/producted.vue

@@ -2,12 +2,15 @@
 <div>
   <div class="user" v-for="(item,index) in newlist" :key="index">
     <Myheader></Myheader>
+    <unlogin></unlogin>
+     <tabs></tabs>
+     <div class="online" ></div>
 	<div class="rc-top"></div>
     <div class="rc-usermain ts-product-detail">
-    <magnifier v-bind:parentmsg="msg" ></magnifier>
+    <magnifier  ></magnifier>
     <div class="rc-header" >
         <div class="usermain">
-			<div class="online"></div>
+			<div class="online" id="fixed-catbar-seperator"></div>
 			<div class="rc-main">
 				<div class="rc-title">
 					<h2>{{ item.productName }}</h2>
@@ -89,9 +92,21 @@
     
     </div>
     </div>
-        <div class="rc-footimage">
+        <div class="rc-footimage" >
           <img :src=item.showImgFile alt="">
 
+        </div>
+            <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="">
+				回到顶部
+			</div>
         </div>
          <Myfooter v-on:litentop='showmesg'></Myfooter>
   </div>
@@ -165,17 +180,23 @@
 
 <script>
 import Myheader from "~/components/header.vue";
-import Magnifier from "@/components/magnifier.vue";
+import magnifier from "@/components/magnifier.vue";
+import tabs from "@/components/tabs.vue";
+  import unlogin from "~/components/unlogin.vue";
 import { mapMutations } from "vuex";
   import Myfooter from "~/components/rc-footer.vue";
   import { goodsmessage,getConfig,postCourseId,getdraw,alldiscount } from "../../ajax/getData";
   const settings = require("@/config");
 export default {
+   middleware: 'metaTitle',
+    // middleware: 'metaTitle',
+  meta: {title: '产品详情'},
   data() {
     return {
        tableLabelTest:[],    
       userimage: require("../../assets/image/unused.png"),
       activeIndexa:0,
+          gotop: false,
       dialogInfo1:false,
       name: [],
       userlist:[],
@@ -208,6 +229,25 @@ export default {
           catimage: require("../../assets/image/unused.png"),
         },
       ],
+                fixedlist: [
+        {
+          title: "购物车",
+             catimage: require("../../assets/buy.png"),
+          
+            
+        },
+        {
+          title: "在线客服",
+          catimage: require("../../assets/service.png"),
+            
+        },
+        {
+          title: "营养专家",
+           catimage: require("../../assets/consult.png"),
+           
+        },
+  
+      ],
 
 
       newlist: [
@@ -232,14 +272,18 @@ export default {
     };
 
   },
+    
+
    components: {
     Myheader,
-    Magnifier,
+     tabs,
+     magnifier,
+     unlogin,
     Myfooter
 
   },
     mounted() {
-     
+     window.addEventListener("scroll", this.handleScroll, true);
     if(this.usermessage!=='' ||this.usermessage.data!==undefined){
 this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
          let stype=this.$route.query.stype;
@@ -267,6 +311,52 @@ this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
   },
   methods: {
     ...mapMutations(["changemessage"]),
+      handleScroll(e) 
+	{
+		let fixedCatbarSeperator = document.getElementById("fixed-catbar-seperator");
+		let scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
+		if((scrolltop-fixedCatbarSeperator.offsetTop))
+		{
+			this.gotop = true
+		}
+		else
+		{
+			this.gotop = false;
+		}
+    },
+      lianxi(item,index){
+             console.log(item,index);
+             if(item.title=='在线客服'){
+                 var option = {
+    customer: {id: '', name: '', email: '', mobile: '', memberId: '999999'}
+    }
+    dis_livchat(option);
+    }
+    if(item.title=='购物车'){
+      console.log('---12314');
+       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);
+    },
     showmesg(){
          console.log('-----');
        this.toTop();