qj-common 4.3.0 → 4.3.2

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

@@ -1,177 +1,177 @@
-<template>
-  <header>
-    <div class="margin">
-      <div class="logo" @click="index">
-        <img
-          src="http://devpcb2b.2020050600004084.xytest.qjclouds.com/paas/shop/2020050600004084/2020-09-06/82b19a7987c44e46a1406adf41c42e8e.png"
-          alt
-        />
-      </div>
-      <!-- <div class="center">
-        <div class="search" @click="search_goods">
-          <input type="text" placeholder="Tmax" v-model="searchParam" />
-          <div class="box">
-            <i class="iconfont icon-new-search-icon"></i>
-          </div>
-        </div>
-      </div> -->
-      <div class="right">
-        <ul>
-          <!-- router-link -->
-          <li>
-            <i class="iconfont icon-dingdan"></i>
-            <a href="https://en.uniview.com/Products/">Product&Technolog</a>
-          </li>
-
-          <li>
-            <i class="iconfont icon-dingdan"></i>
-            <a href="https://en.uniview.com/Solutions/">Solutions</a>
-          </li>
-          <li>
-            <i class="iconfont icon-gouwuche"></i>
-            <a href="https://en.uniview.com/News/">News</a>
-          </li>
-
-          <li>
-            <i class="iconfont icon-dingdan"></i>
-            <a href="https://en.uniview.com/Support/">Support：</a>
-          </li>
-
-          <!-- <router-link :to="{ path: '/userCenter/member' }"> -->
-          <li>
-            <i class="iconfont icon-huiyuan"></i>
-            <span @click="login">LOGIN</span>
-          </li>
-          <!-- </router-link> -->
-          <li>
-            <i class="iconfont icon-diqiu"></i>
-            <!-- <a href="#">中文</a> -->
-            <el-dropdown trigger="click">
-              <span class="el-dropdown-link">
-                中文<i class="el-icon-arrow-down el-icon--right"></i>
-              </span>
-              <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item icon="el-icon-plus">中文</el-dropdown-item>
-                <el-dropdown-item icon="el-icon-circle-plus"
-                  >英语</el-dropdown-item
-                >
-              </el-dropdown-menu>
-            </el-dropdown>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </header>
-</template>
-
-<script>
-export default {
-  name: '',
-  data() {
-    return {};
-  },
-  components: {},
-  created() {},
-  mounted() {},
-  methods: {
-    // search_goods() {
-    //   this.$router.push('/goodsList');
-    // },
-    // order() {
-    //   this.$router.push('');
-    // },
-    // userCenter() {
-    //   this.$router.push('');
-    // },
-    index() {
-      this.$router.push('/ntv');
-    },
-    login() {
-      this.$router.push('/loginPc');
-    },
-    // car() {
-    //   this.$router.push('');
-    // },
-  },
-};
-</script>
-<style lang="scss" scoped>
-.margin {
-  width: 1200px;
-  margin: 0 auto;
-}
-header {
-  width: 100%;
-  height: 100px;
-  background: linear-gradient(
-    135deg,
-    rgba(38, 137, 195, 1),
-    rgba(75, 95, 170, 1)
-  );
-  .margin {
-    display: flex;
-    align-items: center;
-    height: 100px;
-    .logo {
-      img {
-        width: 91px;
-        height: 46px;
-        cursor: pointer;
-      }
-    }
-    // .center {
-    //   margin-left: 189px;
-    //   .search {
-    //     display: flex;
-    //     input {
-    //       padding-left: 29px;
-    //       box-sizing: border-box;
-    //       width: 322px;
-    //       height: 40px;
-    //       background: rgba(255, 255, 255, 1);
-    //       border: 2px solid rgba(90, 195, 255, 1);
-    //       border-radius: 4px 0 0 4px;
-    //       border-right: 0;
-    //     }
-    //     .box {
-    //       width: 38px;
-    //       height: 36px;
-    //       background: rgba(38, 130, 182, 1);
-    //       border-radius: 0px 2px 2px 0px;
-    //       color: #fff;
-    //       line-height: 36px;
-    //       border: 2px solid rgba(90, 195, 255, 1);
-    //       text-align: center;
-    //       border-left: 0;
-    //       border-radius: 0 4px 4px 0;
-    //     }
-    //   }
-    // }
-    .right {
-      // flex: 1;
-      margin-left: 58px;
-      ul {
-        display: flex;
-        color: #fff;
-        li {
-          display: flex;
-          // justify-content: center;
-          align-items: center;
-          i {
-            font-size: 20px;
-            margin-right: 5px;
-          }
-          margin-right: 35px;
-        }
-      }
-    }
-  }
-}
-.el-dropdown-link {
-  color: #fff;
-  // font:16px/100px "";
-  font-size: 16px;
-  margin: 5px 0 0 5px;
-  cursor: pointer;
-}
-</style>
+<template>
+  <header>
+    <div class="margin">
+      <div class="logo" @click="index">
+        <img
+          src="http://devpcb2b.2020050600004084.xytest.qjclouds.com/paas/shop/2020050600004084/2020-09-06/82b19a7987c44e46a1406adf41c42e8e.png"
+          alt
+        />
+      </div>
+      <!-- <div class="center">
+        <div class="search" @click="search_goods">
+          <input type="text" placeholder="Tmax" v-model="searchParam" />
+          <div class="box">
+            <i class="iconfont icon-new-search-icon"></i>
+          </div>
+        </div>
+      </div> -->
+      <div class="right">
+        <ul>
+          <!-- router-link -->
+          <li>
+            <i class="iconfont icon-dingdan"></i>
+            <a href="https://en.uniview.com/Products/">Product&Technolog</a>
+          </li>
+
+          <li>
+            <i class="iconfont icon-dingdan"></i>
+            <a href="https://en.uniview.com/Solutions/">Solutions</a>
+          </li>
+          <li>
+            <i class="iconfont icon-gouwuche"></i>
+            <a href="https://en.uniview.com/News/">News</a>
+          </li>
+
+          <li>
+            <i class="iconfont icon-dingdan"></i>
+            <a href="https://en.uniview.com/Support/">Support：</a>
+          </li>
+
+          <!-- <router-link :to="{ path: '/userCenter/member' }"> -->
+          <li>
+            <i class="iconfont icon-huiyuan"></i>
+            <span @click="login">LOGIN</span>
+          </li>
+          <!-- </router-link> -->
+          <li>
+            <i class="iconfont icon-diqiu"></i>
+            <!-- <a href="#">中文</a> -->
+            <el-dropdown trigger="click">
+              <span class="el-dropdown-link">
+                中文<i class="el-icon-arrow-down el-icon--right"></i>
+              </span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item icon="el-icon-plus">中文</el-dropdown-item>
+                <el-dropdown-item icon="el-icon-circle-plus"
+                  >英语</el-dropdown-item
+                >
+              </el-dropdown-menu>
+            </el-dropdown>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </header>
+</template>
+
+<script>
+export default {
+  name: '',
+  data() {
+    return {};
+  },
+  components: {},
+  created() {},
+  mounted() {},
+  methods: {
+    // search_goods() {
+    //   this.$router.push('/goodsList');
+    // },
+    // order() {
+    //   this.$router.push('');
+    // },
+    // userCenter() {
+    //   this.$router.push('');
+    // },
+    index() {
+      this.$router.push('/ntv');
+    },
+    login() {
+      this.$router.push('/loginPc');
+    },
+    // car() {
+    //   this.$router.push('');
+    // },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.margin {
+  width: 1200px;
+  margin: 0 auto;
+}
+header {
+  width: 100%;
+  height: 100px;
+  background: linear-gradient(
+    135deg,
+    rgba(38, 137, 195, 1),
+    rgba(75, 95, 170, 1)
+  );
+  .margin {
+    display: flex;
+    align-items: center;
+    height: 100px;
+    .logo {
+      img {
+        width: 91px;
+        height: 46px;
+        cursor: pointer;
+      }
+    }
+    // .center {
+    //   margin-left: 189px;
+    //   .search {
+    //     display: flex;
+    //     input {
+    //       padding-left: 29px;
+    //       box-sizing: border-box;
+    //       width: 322px;
+    //       height: 40px;
+    //       background: rgba(255, 255, 255, 1);
+    //       border: 2px solid rgba(90, 195, 255, 1);
+    //       border-radius: 4px 0 0 4px;
+    //       border-right: 0;
+    //     }
+    //     .box {
+    //       width: 38px;
+    //       height: 36px;
+    //       background: rgba(38, 130, 182, 1);
+    //       border-radius: 0px 2px 2px 0px;
+    //       color: #fff;
+    //       line-height: 36px;
+    //       border: 2px solid rgba(90, 195, 255, 1);
+    //       text-align: center;
+    //       border-left: 0;
+    //       border-radius: 0 4px 4px 0;
+    //     }
+    //   }
+    // }
+    .right {
+      // flex: 1;
+      margin-left: 58px;
+      ul {
+        display: flex;
+        color: #fff;
+        li {
+          display: flex;
+          // justify-content: center;
+          align-items: center;
+          i {
+            font-size: 20px;
+            margin-right: 5px;
+          }
+          margin-right: 35px;
+        }
+      }
+    }
+  }
+}
+.el-dropdown-link {
+  color: #fff;
+  // font:16px/100px "";
+  font-size: 16px;
+  margin: 5px 0 0 5px;
+  cursor: pointer;
+}
+</style>

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

@@ -1,98 +1,98 @@
-<template>
-  <div class="common-top common-theme">
-    <div class="w1200 m0a header-box clearfix">
-      <div class="logo-img">
-        <a href="/">
-          <img :src="proappEnvLogo && proappEnvLogo.proappEnvLogo" alt>
-        </a>
-      </div>
-      <div class="nav">
-        <v-nav v-if="navChildren" :navChildren="navChildren"></v-nav>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import VNav from "../nav-modules/nav";
-export default {
-  components: {
-    VNav
-  },
-  data() {
-    return {
-      logo: require("../assets/logo_ucc.png"),
-      keywords: "",
-      searchValue: this.$route.query.searchParam
-        ? this.$route.query.searchParam
-        : "",
-      appList: window.sessionStorage.getItem("appList")
-        ? JSON.parse(window.sessionStorage.getItem("appList"))
-        : []
-    };
-  },
-  created() {
-    localStorage.getItem("searchParam")
-      ? (this.searchValue = localStorage.getItem("searchParam"))
-      : "";
-  },
-  mounted() {
-    //对nav导航进行操作
-    this.appList.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;
-    },
-    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  rel="stylesheet/scss" lang="scss" scoped >
-.common-top {
-  background: #fff;
-  .header-box {
-    height: inherit;
-  }
-  margin: 0 auto;
-  height: 160px;
-  line-height: 160px;
-  // border-bottom: 1px solid #f5f5f5;
-  .logo-img {
-    float: left;
-    width: 260px;
-    height: 100%;
-    overflow: hidden;
-    img {
-      max-width: 80%;
-      max-height: 60%;
-    }
-  }
-  .nav {
-    float: left;
-    line-height: 160px;
-  }
-}
+<template>
+  <div class="common-top common-theme">
+    <div class="w1200 m0a header-box clearfix">
+      <div class="logo-img">
+        <a href="/">
+          <img :src="proappEnvLogo && proappEnvLogo.proappEnvLogo" alt>
+        </a>
+      </div>
+      <div class="nav">
+        <v-nav v-if="navChildren" :navChildren="navChildren"></v-nav>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import VNav from "../nav-modules/nav";
+export default {
+  components: {
+    VNav
+  },
+  data() {
+    return {
+      logo: require("../assets/logo_ucc.png"),
+      keywords: "",
+      searchValue: this.$route.query.searchParam
+        ? this.$route.query.searchParam
+        : "",
+      appList: window.sessionStorage.getItem("appList")
+        ? JSON.parse(window.sessionStorage.getItem("appList"))
+        : []
+    };
+  },
+  created() {
+    localStorage.getItem("searchParam")
+      ? (this.searchValue = localStorage.getItem("searchParam"))
+      : "";
+  },
+  mounted() {
+    //对nav导航进行操作
+    this.appList.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;
+    },
+    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  rel="stylesheet/scss" lang="scss" scoped >
+.common-top {
+  background: #fff;
+  .header-box {
+    height: inherit;
+  }
+  margin: 0 auto;
+  height: 160px;
+  line-height: 160px;
+  // border-bottom: 1px solid #f5f5f5;
+  .logo-img {
+    float: left;
+    width: 260px;
+    height: 100%;
+    overflow: hidden;
+    img {
+      max-width: 80%;
+      max-height: 60%;
+    }
+  }
+  .nav {
+    float: left;
+    line-height: 160px;
+  }
+}
 </style>