新版楼层装修样式修改以及链接修改

buyer/src/components/Search.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="navbar" :class="{'small-search-box':useClass == 'fixed-show'}">
-    <div class="container flex flex-a-c">
+    <div class="container width_1200_auto flex flex-a-c">
       <img
         :src="$store.state.logoImg"
         v-if="showLogo"
@@ -17,7 +17,7 @@
           @keyup.enter.native="search"
         >
 
-          <div class="search-icon" slot="append">
+          <div class="search-icon" slot="append" @click="search">
             <Icon type="ios-search" size="21"/>
           </div>
         </i-input>
@@ -130,14 +130,10 @@ export default {
 
   margin: 0 !important;
 }
-.search-input {
-
-}
 
 .container {
   position: relative;
-  width: 1200px;
-  margin: 0 auto;
+
   height: 100%;
 }
 

buyer/src/components/fixed/index.vue

@@ -20,9 +20,9 @@ export default {
           path:"/home"
         },
         {
-          icon:"consumer",
-          label:"客服",
-          path:"/home"
+          icon:"carts",
+          label:"购物车",
+          path:"/cart"
         },
         {
           icon:"notification",
@@ -30,9 +30,9 @@ export default {
           path:"/home/MsgList"
         },
         {
-          icon:"feedback",
-          label:"反馈",
-          path:"/home"
+          icon:"collage",
+          label:"收藏",
+          path:"/home/Favorites"
         },
         {
           icon:"back",
@@ -69,6 +69,8 @@ export default {
     handleClickIcon(val){
         if(val.path === 'back'){
           this.scrollToTop()
+        }else{
+          this.$router.push(val.path)
         }
     }
   }

buyer/src/components/header/Header.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="box">
-    <div class="nav">
+    <div class="nav width_1200_auto">
       <ul class="location flex">
         <li v-if="$route.path.includes('home')" style="margin-left:10px">
           <router-link to="/">首页</router-link>
@@ -199,8 +199,6 @@ export default {
 }
 
 .nav {
-  margin: 0 auto;
-  width: 1200px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;

buyer/src/components/header/ShopHeader.vue

@@ -1,62 +0,0 @@
-<template>
-  <div class="shop-box">
-    <div class="shop-container">
-      <div class="shop-title-content">
-        <img class="hover-pointer" @click="linkTo(`/merchant?id=${storeDetail.storeId}`)" :src="storeDetail.storeLogo" height="40" alt="">
-        <p><router-link :to="`/merchant?id=${storeDetail.storeId}`">{{ storeDetail.storeName }}</router-link></p>
-        <div class="ml_20" v-html="storeDetail.storeDesc"></div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'ShopHeader',
-  props: {
-    detail: {
-      type: Object,
-      default: null
-    }
-  },
-  computed: {
-    storeDetail () { // 店铺详情
-      return this.detail;
-    }
-  }
-};
-</script>
-
-<style scoped>
-/* 店铺介绍 */
-.shop-box {
-  width: 100%;
-  height: 50px;
-  background-color: #484848;
-}
-
-.shop-container {
-  width: 1200px;
-  height: 100%;
-  margin: 0px auto;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  color: #fff;
-}
-
-.shop-title-content {
-  display: flex;
-  align-items: center;
-}
-
-.shop-title-content p {
-  font-size: 20px;
-  margin-left: 20px;
-}
-.shop-title-content a {
-  color: #fff;
-}
-
-</style>

buyer/src/components/indexDecorate/ModelFormItem.vue

@@ -234,9 +234,4 @@ export default {
   }
 }
 
-.width_1200_auto {
-  width: 1184px;
-  margin: 0 auto;
-
-}
 </style>

buyer/src/components/indexDecorate/modelList/Carousel.vue

@@ -110,19 +110,23 @@ export default {
       appendList:[
         {
           icon:"support",
-          label:"帮助中心"
+          label:"帮助中心",
+          path:"/article"
         },
         {
           icon:"feedback",
-          label:"问题反馈"
+          label:"我的评论",
+          path:"/home/CommentList"
         },
         {
           icon:"notice",
-          label:"平台公告"
+          label:"收货地址",
+          path:"/home/MyAddress"
         },
         {
           icon:"notification",
-          label:"我的消息"
+          label:"我的消息",
+          path:"/home/MsgList"
         },
       ],
       recentList:[
@@ -148,7 +152,6 @@ export default {
   methods: {
     // 快捷跳转中心
     entryControl(val){
-      console.log(val)
       this.$router.push(val.path)
     },
   },
@@ -322,7 +325,7 @@ export default {
   float: left;
   padding: 0px;
   color: #fff;
-  background-color: #6e6568;
+  // background-color: #6e6568;
 
 
 }

buyer/src/components/indexDecorate/modelList/NotEnough.vue

@@ -65,12 +65,12 @@ export default {
     handleScrollx(){
       // console.log('滚动高度',window.pageYOffset) // 获取滚动条的高度
       // console.log(this.$refs.obtain.getBoundingClientRect().top) //获取到距离顶部的距离
-      this.scrollHieght = Number(window.pageYOffset);//获取到距离顶部的距离
-      this.scrollTops = Number(this.$refs.obtain.getBoundingClientRect().top); // 获取到距离顶部的距离
-         this.topSearchShow = true; // 展示图钉
-          if(this.scrollTops < -660){ // 超过隐藏
-            this.topSearchShow = false;
-      }
+      // this.scrollHieght = Number(window.pageYOffset);//获取到距离顶部的距离
+      // this.scrollTops = Number(this.$refs.obtain.getBoundingClientRect().top); // 获取到距离顶部的距离
+      //    this.topSearchShow = true; // 展示图钉
+      //     if(this.scrollTops < -660){ // 超过隐藏
+      //       this.topSearchShow = false;
+      // }
     },
      toguid(path,id){
       var path =path;
@@ -81,7 +81,7 @@ export default {
     change(status){ //获取是否获取到图钉
       this.open = status
     },
-    gotoDemo(){ // 跳转到demo的位置 
+    gotoDemo(){ // 跳转到demo的位置
     if(this.open){ // 获取到图钉之后在跳转当前位置
        document.querySelector("#demo").scrollIntoView(true);
     }

buyer/src/components/nav/CateNav.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="cate-nav" :class="{'fixed-show':useClass == 'fixed-show'}">
-    <div class="nav-con"  >
+  <div class="cate-nav width_1200_auto" :class="{'fixed-show':useClass == 'fixed-show'}">
+    <div class="nav-con" :class="{'background-white':useClass == 'background-white'}">
       <div
         class="all-categories hover-pointer"
         @mouseenter="showFirstLists"
@@ -23,6 +23,7 @@
     <!-- 全部商品分类 -->
     <div
       class="cate-list"
+      :style="{'top':!showNavBar ?'60px':'46px'}"
       v-show="showAlways || showFirstList"
       @mouseenter="showFirstList = true"
       @mouseleave="showFirstList = false"
@@ -227,6 +228,9 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.background-white{
+  background: #fff;
+}
 .nav-lis:hover {
   color: $theme_color !important;
   cursor: pointer;
@@ -257,13 +261,11 @@ export default {
   right: 0;
 }
 .cate-nav {
-  width: 1200px;
   position: relative;
   margin: 14px auto 0 auto;
 }
 /** 商品分类 */
 .nav-con {
-  width: 1200px;
   height: 46px;
   margin: 0 auto;
   display: flex;
@@ -309,6 +311,7 @@ export default {
 .cate-list {
   margin: 0 auto;
   position: absolute;
+
   z-index: 1000;
 }