修改官网样式，以及禁止谷歌浏览器打开翻译

2021-02-01 17:05:55 +08:00 · 2021-02-01 17:05:55 +08:00 · c472aa1d0c
commit c472aa1d0c
parent 46b7a65977
9 changed files with 124 additions and 9 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -4740,6 +4740,14 @@
      "resolved": "https://registry.npm.taobao.org/dom-walk/download/dom-walk-0.1.2.tgz",
      "integrity": "sha1-DFSL7wSPTR8qlySQAiNgYNqj/YQ="
    },
+    "dom7": {
+      "version": "3.0.0",
+      "resolved": "https://r.cnpmjs.org/dom7/download/dom7-3.0.0.tgz",
+      "integrity": "sha1-uGHOXWemvs16qjrQKUL/FLEkAzE=",
+      "requires": {
+        "ssr-window": "^3.0.0-alpha.1"
+      }
+    },
    "domain-browser": {
      "version": "1.2.0",
      "resolved": "https://registry.npm.taobao.org/domain-browser/download/domain-browser-1.2.0.tgz",
@ -11136,6 +11144,11 @@
        "tweetnacl": "~0.14.0"
      }
    },
+    "ssr-window": {
+      "version": "3.0.0",
+      "resolved": "https://r.cnpmjs.org/ssr-window/download/ssr-window-3.0.0.tgz",
+      "integrity": "sha1-/VuCgBY4lD4MxwTEaRgBQ1r3rDc="
+    },
    "ssri": {
      "version": "6.0.1",
      "resolved": "https://registry.npm.taobao.org/ssri/download/ssri-6.0.1.tgz",
@ -11660,6 +11673,15 @@
        "util.promisify": "~1.0.0"
      }
    },
+    "swiper": {
+      "version": "6.4.10",
+      "resolved": "https://r.cnpmjs.org/swiper/download/swiper-6.4.10.tgz",
+      "integrity": "sha1-0qi85HFxe3cNAF/NXor0KsYwysY=",
+      "requires": {
+        "dom7": "^3.0.0",
+        "ssr-window": "^3.0.0"
+      }
+    },
    "table": {
      "version": "5.4.6",
      "resolved": "https://registry.npm.taobao.org/table/download/table-5.4.6.tgz?cache=0&sync_timestamp=1599191046284&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftable%2Fdownload%2Ftable-5.4.6.tgz",
--- a/package.json
+++ b/package.json
@ -17,6 +17,7 @@
    "nprogress": "^0.2.0",
    "script-ext-html-webpack-plugin": "^2.1.4",
    "svg-sprite-loader": "^5.0.0",
+    "swiper": "^6.4.10",
    "vue": "^2.6.12",
    "vue-clipboard2": "^0.3.1",
    "vue-pdf": "^4.1.0",
--- a/public/index.html
+++ b/public/index.html
@ -2,6 +2,7 @@
 <html lang="en">
  <head>
    <meta charset="utf-8">
+    <meta name="google" value="notranslate">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.png">
--- a/src/assets/partner/index.js
+++ b/src/assets/partner/index.js
@ -10,12 +10,12 @@ export default [
    href: ""
  },
  {
-    name: "贵州装备",
+    name: "贵州装备制造职业学院",
    src: require("@/assets/partner/贵州装备.jpg"),
    href: ""
  },
  {
-    name: "南京铁道",
+    name: "南京铁道职业技术学院",
    src: require("@/assets/partner/南京铁道.jpg"),
    href: ""
  },
--- a/src/layout/eHeader/eMenuItem.vue
+++ b/src/layout/eHeader/eMenuItem.vue
@ -7,6 +7,7 @@
    <template v-if="hasChildren">
      <b-navbar-nav variant="#000">
        <b-nav-item-dropdown
+          ref="dropDown"
          :text="node.meta.name"
          right
          style="font-size:16px;padding:0 1.2em"
@ -48,6 +49,13 @@ export default {
      return this.node.children && this.node.children.length;
    }
  },
+  mounted() {
+      this.$root.$on('hide:drop-down', e => {
+        if (this.$refs.dropDown) {
+          this.$refs.dropDown.hide();
+        }
+      })
+  },
  methods: {
    onMouseEnter() {
      this.show = true;
--- a/src/layout/eHeader/index.vue
+++ b/src/layout/eHeader/index.vue
@ -71,6 +71,7 @@ export default {
      }

      this.scrollT = scrollT;
+      this.$root.$emit('hide:drop-down');
    }
  }
 };
--- a/src/views/Home/main/eHonor.vue
+++ b/src/views/Home/main/eHonor.vue
@ -14,7 +14,6 @@
          background="#ababab"
          img-width="1024"
          img-height="480"
-          style="text-shadow: 1px 1px 2px #333;"
          @sliding-start="onSlideStart"
          @sliding-end="onSlideEnd"
        >
@ -23,6 +22,7 @@
            :key="i"
            caption=""
            text=""
+            :class="slide == i ? 'slide-active': slide == (i+1)%imageList.length ? 'slide-left':'slide-right' "
            :img-src="buildUrl(el.src)"
          ></b-carousel-slide>
        </b-carousel>
@ -104,6 +104,49 @@ export default {
  .carousel {
    overflow: hidden;
    vertical-align: middle;
+    background: #fff !important;
+    margin: 2% 3% !important;
+    /deep/ {
+      .carousel-item {
+        padding: 8% 22% !important;
+        background: transparent !important;
+      }
+
+      .carousel-control-prev-icon {
+        color: blue;
+      }
+      img {
+        border: 1px solid #eee !important;
+        background: #fff !important;
+      }
+
+      li {
+        background-color: #000 !important;
+      }
+
+      .carousel-control-prev-icon,
+      .carousel-control-next-icon {
+        background-color: #000 !important;
+      }
+    }
+  }
+
+  .slide-left {
+    display: block !important;
+    transform: translateX(-50%) scale(0.83) !important;
+    z-index: 0 !important;
+  }
+
+  .slide-active {
+    display: block !important;
+    transform: translateX(0) scale(1) !important;
+    z-index: 1 !important;
+  }
+
+  .slide-right {
+    display: block !important;
+    transform: translateX(+50%) scale(0.83) !important;
+    z-index: 0 !important;
  }
 }
 </style>
--- a/src/views/Home/main/eProduct.vue
+++ b/src/views/Home/main/eProduct.vue
@ -5,14 +5,13 @@
    </div>
    <b-card>
      <b-row>
-        <b-col v-for="(el, i) in productList" :key="i" style="min-width:25em">
+        <b-col v-for="(el, i) in productList" :key="i" class="product-box">
          <b-card
            :title="el.name"
            :img-src="el.src"
            img-alt="Image"
            img-top
            tag="article"
-            class="mb-2"
          >
            <div>
              {{ el.describe }}
@ -120,4 +119,30 @@ a {
    }
  }
 }
+
+  .product-box {
+    min-width:25em;
+    margin-bottom: 2em;
+    /deep/ {
+      .card {
+        position: relative !important;
+        height: 80%;
+        .card-body {
+          display: flex;
+          flex-direction: column;
+          justify-content: flex-end;
+          align-items: center;
+          background: linear-gradient(1deg, #17a2b8, transparent);
+        }
+        img {
+          height: 60% !important;
+        }
+      }
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .product-box {
+    }
+  }
 </style>
--- a/src/views/Home/main/eRecommend.vue
+++ b/src/views/Home/main/eRecommend.vue
@ -31,9 +31,9 @@
          <h6 style="display:flex">精彩图集</h6>
        </template>
        <b-row>
-          <b-col v-for="(el, i) in imageList" :key="i" style="min-width:25em">
-            <b-link :href="`/preview/image?id=${i}`">
-              <b-card class="text-center" :img-src="el.src" :img-alt="el.name">
+          <b-col v-for="(el, i) in imageList" :key="i" class="image-box">
+            <b-link :href="`/preview/image?id=${i}`" sytle="display:block">
+              <b-card class="text-center" style="align-items: stretch;height: 100%;" :img-src="el.src" :img-alt="el.name" img-bottom>
                <template>
                  <h6 class="mb-0">{{ el.name }}</h6>
                </template>
@ -138,6 +138,17 @@ export default {
  margin: 1em;
 }

+.image-box {
+  min-width:25em;
+  margin-bottom: 2em;
+  /deep/ {
+    .card-body {
+      background: linear-gradient(45deg, #dc3545, transparent);
+    }
+  }
+}
+
+
@media (min-width: 320px) {
  .frame {
    width: 220px;
@ -166,10 +177,13 @@ export default {
  }
 }

-@media (min-width: 1200px) {
+@media (min-width: 1024px) {
  .frame {
    width: 1100px;
    height: 280px;
  }
+  .image-box {
+    min-width: 400px;
+  }
 }
 </style>