qj-common 4.3.0 → 4.3.2

package/src/views/pc/default/header-modules/headerStyleDefalut.vue

@@ -1,209 +1,209 @@
-<template>
-  <div class="common-top common-theme bg-white">
-    <div class="w1200 m0a header-box" style="clear:both">
-      <div class="left logo-img">
-        <a href="/">
-          <img :src="proappEnvLogo && proappEnvLogo.proappEnvLogo" alt />
-        </a>
-      </div>
-      <!-- 中间模块 -->
-      <div class="nav left default-nav">
-        <v-nav v-if="navChildren" :navChildren="navChildren"></v-nav>
-      </div>
-      <div class="right search-box">
-        <el-input class="search-input search-box-input" placeholder @keyup.enter="search" v-model="searchValue">
-          <el-button slot="append" @click.native="search" @keyup.13="search">
-            <i class="el-icon-search icon-search-color"></i>
-          </el-button>
-        </el-input>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import VNav from '../nav-modules/nav';
-export default {
-  components: {
-    VNav,
-  },
-  data() {
-    return {
-      logo: require('../assets/logo_ucc.png'),
-      keywords: '',
-      navChildren: null,
-      searchValue: this.$route.query.searchParam ? this.$route.query.searchParam : '',
-      menuList: JSON.parse(window.sessionStorage.getItem('menuList')) ? JSON.parse(window.sessionStorage.getItem('menuList')).menuList : [],
-    };
-  },
-  created() {
-    localStorage.getItem('searchParam') ? (this.searchValue = localStorage.getItem('searchParam')) : '';
-  },
-  mounted() {
-    //对nav导航进行操作
-    this.menuList.forEach(el => {
-      if (el.menuDefaultClass === 'nav') {
-        //表示是导航
-        this.navChildren = el.children;
-      }
-    });
-  },
-  computed: {
-    proappEnvLogo() {
-      let proappEnvLogo = sessionStorage.getItem('proappEnvLayout') ? JSON.parse(sessionStorage.getItem('proappEnvLayout')) : null;
-      return proappEnvLogo;
-    },
-    searchValue() {
-      return this.$route.query.searchParam ? this.$route.query.searchParam : '';
-    },
-    carName() {
-      return sessionStorage.getItem('carName') ? sessionStorage.getItem('carName') : '购物车';
-    },
-  },
-  methods: {
-    search() {
-      localStorage.removeItem('searchParam');
-      location.href = '/paas/pc-mall/index.html#/searchResult?searchParam=' + this.searchValue;
-    },
-  },
-};
-</script>
-<style lang="scss">
-.icon-search-color {
-  color: #343434;
-}
-.common-top .search-box .el-input .el-input__inner {
-  border-color: #f2f2f2 !important;
-}
-.common-top .el-input-group__append,
-.common-top .el-input-group__prepend {
-  border-color: #f2f2f2 !important;
-}
-.common-top {
-  .el-input__icon {
-    line-height: 20px !important;
-  }
-  .search-box-input {
-    font-size: 12px;
-  }
-  .el-button {
-    width: 40px;
-  }
-  .el-input .el-input__inner {
-    /*border-radius: 32px 0 0 32px !important;*/
-    width: 100% !important;
-    height: 33px !important;
-  }
-  .search-box .el-input .el-input__inner {
-    border-right: none !important;
-  }
-  .el-input-group__append,
-  .el-input-group__prepend {
-    background: #f53415;
-    border-left: none !important;
-    color: #343434 !important;
-    /*border-radius: 0 32px 32px 0 !important;*/
-    border: none !important;
-    span {
-      font-size: 18px;
-      font-weight: bold;
-      i {
-        color: #ffffff !important;
-      }
-    }
-  }
-  .el-input-group--append .el-input__inner,
-  .el-input-group--prepend .el-input__inner,
-  .el-input-group__append {
-    border-radius: 0;
-  }
-}
-.default-nav {
-  li {
-    margin-right: 72px !important;
-    a {
-      font-weight: normal;
-      font-size: 16px;
-    }
-  }
-}
-</style>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.icon-UCC-PC-sousuo {
-  font-size: 12px;
-}
-.left {
-  float: left;
-}
-.right {
-  float: right;
-}
-.nav {
-  line-height: 120px;
-  max-width: 768px;
-  height: 120px;
-  width: auto;
-}
-.common-top {
-  border-bottom: 1px solid #f5f5f5;
-  .header-box {
-    height: inherit;
-  }
-  margin: 0 auto;
-  height: 126px;
-  line-height: 126px;
-  // border-bottom: 1px solid #f5f5f5;
-  .logo-img {
-    width: 240px;
-    height: 120px;
-    overflow: hidden;
-    img {
-      max-width: 100%;
-      max-height: 100%;
-      height: inherit;
-    }
-  }
-
-  .search-box {
-    .search-history {
-      height: 30px;
-      line-height: 30px;
-      float: left;
-      font-size: 13px;
-      color: #999;
-      i {
-        margin: 0 5px;
-      }
-    }
-  }
-
-  .right {
-    .car-box {
-      position: relative;
-      // width: 160px;
-      height: 30px;
-      border: 1px solid #e0e0e0;
-      // border-radius: 5px;
-      line-height: 30px;
-      text-align: center;
-      display: block;
-      float: left;
-      padding: 0 20px;
-      margin: 50px 0 0 100px;
-      .car-num {
-        position: absolute;
-        color: #fff;
-        width: 32px;
-        height: 32px;
-        text-align: center;
-        line-height: 32px;
-        border-radius: 50%;
-        background: #ff9e01;
-        right: -16px;
-        top: -16px;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="common-top common-theme bg-white">
+    <div class="w1200 m0a header-box" style="clear:both">
+      <div class="left logo-img">
+        <a href="/">
+          <img :src="proappEnvLogo && proappEnvLogo.proappEnvLogo" alt />
+        </a>
+      </div>
+      <!-- 中间模块 -->
+      <div class="nav left default-nav">
+        <v-nav v-if="navChildren" :navChildren="navChildren"></v-nav>
+      </div>
+      <div class="right search-box">
+        <el-input class="search-input search-box-input" placeholder @keyup.enter="search" v-model="searchValue">
+          <el-button slot="append" @click.native="search" @keyup.13="search">
+            <i class="el-icon-search icon-search-color"></i>
+          </el-button>
+        </el-input>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import VNav from '../nav-modules/nav';
+export default {
+  components: {
+    VNav,
+  },
+  data() {
+    return {
+      logo: require('../assets/logo_ucc.png'),
+      keywords: '',
+      navChildren: null,
+      searchValue: this.$route.query.searchParam ? this.$route.query.searchParam : '',
+      menuList: JSON.parse(window.sessionStorage.getItem('menuList')) ? JSON.parse(window.sessionStorage.getItem('menuList')).menuList : [],
+    };
+  },
+  created() {
+    localStorage.getItem('searchParam') ? (this.searchValue = localStorage.getItem('searchParam')) : '';
+  },
+  mounted() {
+    //对nav导航进行操作
+    this.menuList.forEach(el => {
+      if (el.menuDefaultClass === 'nav') {
+        //表示是导航
+        this.navChildren = el.children;
+      }
+    });
+  },
+  computed: {
+    proappEnvLogo() {
+      let proappEnvLogo = sessionStorage.getItem('proappEnvLayout') ? JSON.parse(sessionStorage.getItem('proappEnvLayout')) : null;
+      return proappEnvLogo;
+    },
+    searchValue() {
+      return this.$route.query.searchParam ? this.$route.query.searchParam : '';
+    },
+    carName() {
+      return sessionStorage.getItem('carName') ? sessionStorage.getItem('carName') : '购物车';
+    },
+  },
+  methods: {
+    search() {
+      localStorage.removeItem('searchParam');
+      location.href = '/paas/pc-mall/index.html#/searchResult?searchParam=' + this.searchValue;
+    },
+  },
+};
+</script>
+<style lang="scss">
+.icon-search-color {
+  color: #343434;
+}
+.common-top .search-box .el-input .el-input__inner {
+  border-color: #f2f2f2 !important;
+}
+.common-top .el-input-group__append,
+.common-top .el-input-group__prepend {
+  border-color: #f2f2f2 !important;
+}
+.common-top {
+  .el-input__icon {
+    line-height: 20px !important;
+  }
+  .search-box-input {
+    font-size: 12px;
+  }
+  .el-button {
+    width: 40px;
+  }
+  .el-input .el-input__inner {
+    /*border-radius: 32px 0 0 32px !important;*/
+    width: 100% !important;
+    height: 33px !important;
+  }
+  .search-box .el-input .el-input__inner {
+    border-right: none !important;
+  }
+  .el-input-group__append,
+  .el-input-group__prepend {
+    background: #f53415;
+    border-left: none !important;
+    color: #343434 !important;
+    /*border-radius: 0 32px 32px 0 !important;*/
+    border: none !important;
+    span {
+      font-size: 18px;
+      font-weight: bold;
+      i {
+        color: #ffffff !important;
+      }
+    }
+  }
+  .el-input-group--append .el-input__inner,
+  .el-input-group--prepend .el-input__inner,
+  .el-input-group__append {
+    border-radius: 0;
+  }
+}
+.default-nav {
+  li {
+    margin-right: 72px !important;
+    a {
+      font-weight: normal;
+      font-size: 16px;
+    }
+  }
+}
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.icon-UCC-PC-sousuo {
+  font-size: 12px;
+}
+.left {
+  float: left;
+}
+.right {
+  float: right;
+}
+.nav {
+  line-height: 120px;
+  max-width: 768px;
+  height: 120px;
+  width: auto;
+}
+.common-top {
+  border-bottom: 1px solid #f5f5f5;
+  .header-box {
+    height: inherit;
+  }
+  margin: 0 auto;
+  height: 126px;
+  line-height: 126px;
+  // border-bottom: 1px solid #f5f5f5;
+  .logo-img {
+    width: 240px;
+    height: 120px;
+    overflow: hidden;
+    img {
+      max-width: 100%;
+      max-height: 100%;
+      height: inherit;
+    }
+  }
+
+  .search-box {
+    .search-history {
+      height: 30px;
+      line-height: 30px;
+      float: left;
+      font-size: 13px;
+      color: #999;
+      i {
+        margin: 0 5px;
+      }
+    }
+  }
+
+  .right {
+    .car-box {
+      position: relative;
+      // width: 160px;
+      height: 30px;
+      border: 1px solid #e0e0e0;
+      // border-radius: 5px;
+      line-height: 30px;
+      text-align: center;
+      display: block;
+      float: left;
+      padding: 0 20px;
+      margin: 50px 0 0 100px;
+      .car-num {
+        position: absolute;
+        color: #fff;
+        width: 32px;
+        height: 32px;
+        text-align: center;
+        line-height: 32px;
+        border-radius: 50%;
+        background: #ff9e01;
+        right: -16px;
+        top: -16px;
+      }
+    }
+  }
+}
+</style>