joylink/official-website
Archived
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
lVAL 2021-02-01 17:05:55 +08:00
parent 46b7a65977
commit c472aa1d0c
9 changed files with 124 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
package-lock.json generated
View File

@ -4740,6 +4740,14 @@
"resolved": "https://registry.npm.taobao.org/dom-walk/download/dom-walk-0.1.2.tgz", "resolved": "https://registry.npm.taobao.org/dom-walk/download/dom-walk-0.1.2.tgz",
"integrity": "sha1-DFSL7wSPTR8qlySQAiNgYNqj/YQ=" "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": { "domain-browser": {
"version": "1.2.0", "version": "1.2.0",
"resolved": "https://registry.npm.taobao.org/domain-browser/download/domain-browser-1.2.0.tgz", "resolved": "https://registry.npm.taobao.org/domain-browser/download/domain-browser-1.2.0.tgz",
@ -11136,6 +11144,11 @@
"tweetnacl": "~0.14.0" "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": { "ssri": {
"version": "6.0.1", "version": "6.0.1",
"resolved": "https://registry.npm.taobao.org/ssri/download/ssri-6.0.1.tgz", "resolved": "https://registry.npm.taobao.org/ssri/download/ssri-6.0.1.tgz",
@ -11660,6 +11673,15 @@
"util.promisify": "~1.0.0" "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": { "table": {
"version": "5.4.6", "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", "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",

1
package.json
View File

@ -17,6 +17,7 @@
"nprogress": "^0.2.0", "nprogress": "^0.2.0",
"script-ext-html-webpack-plugin": "^2.1.4", "script-ext-html-webpack-plugin": "^2.1.4",
"svg-sprite-loader": "^5.0.0", "svg-sprite-loader": "^5.0.0",
"swiper": "^6.4.10",
"vue": "^2.6.12", "vue": "^2.6.12",
"vue-clipboard2": "^0.3.1", "vue-clipboard2": "^0.3.1",
"vue-pdf": "^4.1.0", "vue-pdf": "^4.1.0",

1
public/index.html
View File

@ -2,6 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="google" value="notranslate">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.png"> <link rel="icon" href="<%= BASE_URL %>favicon.png">

4
src/assets/partner/index.js
View File

@ -10,12 +10,12 @@ export default [
href: "" href: ""
}, },
{ {
name: "贵州装备", name: "贵州装备制造职业学院",
src: require("@/assets/partner/贵州装备.jpg"), src: require("@/assets/partner/贵州装备.jpg"),
href: "" href: ""
}, },
{ {
name: "南京铁道", name: "南京铁道职业技术学院",
src: require("@/assets/partner/南京铁道.jpg"), src: require("@/assets/partner/南京铁道.jpg"),
href: "" href: ""
}, },

8
src/layout/eHeader/eMenuItem.vue
View File

@ -7,6 +7,7 @@
<template v-if="hasChildren"> <template v-if="hasChildren">
<b-navbar-nav variant="#000"> <b-navbar-nav variant="#000">
<b-nav-item-dropdown <b-nav-item-dropdown
ref="dropDown"
:text="node.meta.name" :text="node.meta.name"
right right
style="font-size:16px;padding:0 1.2em" style="font-size:16px;padding:0 1.2em"
@ -48,6 +49,13 @@ export default {
return this.node.children && this.node.children.length; 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: { methods: {
onMouseEnter() { onMouseEnter() {
this.show = true; this.show = true;

1
src/layout/eHeader/index.vue
View File

@ -71,6 +71,7 @@ export default {
} }
this.scrollT = scrollT; this.scrollT = scrollT;
this.$root.$emit('hide:drop-down');
} }
} }
}; };

45
src/views/Home/main/eHonor.vue
View File

@ -14,7 +14,6 @@
background="#ababab" background="#ababab"
img-width="1024" img-width="1024"
img-height="480" img-height="480"
style="text-shadow: 1px 1px 2px #333;"
@sliding-start="onSlideStart" @sliding-start="onSlideStart"
@sliding-end="onSlideEnd" @sliding-end="onSlideEnd"
> >
@ -23,6 +22,7 @@
:key="i" :key="i"
caption="" caption=""
text="" text=""
:class="slide == i ? 'slide-active': slide == (i+1)%imageList.length ? 'slide-left':'slide-right' "
:img-src="buildUrl(el.src)" :img-src="buildUrl(el.src)"
></b-carousel-slide> ></b-carousel-slide>
</b-carousel> </b-carousel>
@ -104,6 +104,49 @@ export default {
.carousel { .carousel {
overflow: hidden; overflow: hidden;
vertical-align: middle; 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> </style>

29
src/views/Home/main/eProduct.vue
View File

@ -5,14 +5,13 @@
</div> </div>
<b-card> <b-card>
<b-row> <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 <b-card
:title="el.name" :title="el.name"
:img-src="el.src" :img-src="el.src"
img-alt="Image" img-alt="Image"
img-top img-top
tag="article" tag="article"
class="mb-2"
> >
<div> <div>
{{ el.describe }} {{ 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> </style>

22
src/views/Home/main/eRecommend.vue
View File

@ -31,9 +31,9 @@
<h6 style="display:flex">精彩图集</h6> <h6 style="display:flex">精彩图集</h6>
</template> </template>
<b-row> <b-row>
<b-col v-for="(el, i) in imageList" :key="i" style="min-width:25em"> <b-col v-for="(el, i) in imageList" :key="i" class="image-box">
<b-link :href="`/preview/image?id=${i}`"> <b-link :href="`/preview/image?id=${i}`" sytle="display:block">
<b-card class="text-center" :img-src="el.src" :img-alt="el.name"> <b-card class="text-center" style="align-items: stretch;height: 100%;" :img-src="el.src" :img-alt="el.name" img-bottom>
<template> <template>
<h6 class="mb-0">{{ el.name }}</h6> <h6 class="mb-0">{{ el.name }}</h6>
</template> </template>
@ -138,6 +138,17 @@ export default {
margin: 1em; margin: 1em;
} }
.image-box {
min-width:25em;
margin-bottom: 2em;
/deep/ {
.card-body {
background: linear-gradient(45deg, #dc3545, transparent);
}
}
}
@media (min-width: 320px) { @media (min-width: 320px) {
.frame { .frame {
width: 220px; width: 220px;
@ -166,10 +177,13 @@ export default {
} }
} }
@media (min-width: 1200px) { @media (min-width: 1024px) {
.frame { .frame {
width: 1100px; width: 1100px;
height: 280px; height: 280px;
} }
.image-box {
min-width: 400px;
}
} }
</style> </style>