odjbin/sist_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

clay commit : 首页头部调整

Browse Source
This commit is contained in:
clay
2022-09-09 00:39:46 +08:00
parent e66ee6b969
commit ff86578e8a
5 changed files with 47 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
.env.development
View File

@@ -3,9 +3,9 @@ ENV = 'development'
# EBTS/开发环境
#VUE_APP_BASE_API = '/dev-api'
VUE_APP_BASE_API = 'http://localhost:8085/dev-api'
#VUE_APP_BASE_API = 'http://localhost:8085/dev-api'
SITE_TYPE = 'NEd5n92EMIpyyBslaNqsRgE'
#VUE_APP_BASE_API = 'http://sistapi.hchyun.cn/dev-api'
VUE_APP_BASE_API = 'http://sistapi.hchyun.cn/dev-api'
# 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true

1
src/router/index.js
View File

@@ -48,7 +48,6 @@ const routes = [
const router = new VueRouter({
mode: 'history',
base:"/web",
routes
})

4
src/views/footer/index.vue
View File

@@ -1,10 +1,10 @@
<template>
<div class="footer">
<el-row>
<el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="3">
<el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="6">
<div class="grid-content"></div>
</el-col>
<el-col :xs="23" :sm="22" :md="22" :lg="20" :xl="20">
<el-col :xs="23" :sm="22" :md="22" :lg="20" :xl="17">
<el-row>
<el-col :span="12">
<div class="fLeft" style="margin-top: 1rem">

71
src/views/header/index.vue
View File

@@ -36,25 +36,27 @@
<!--导航部分-->
<div class="bottom">
<el-row>
<el-col v-show="width" :xs="1" :sm="1" :md="4" :lg="4" :xl="5">
<div class="icon">
<div class="icont"><img src="@/assets/header/sy_logo1@2x.png" alt=""></div>
<div class="iconb"><img src="@/assets/header/sy_logo2@2x.png" alt=""></div>
</div>
</el-col>
<el-col v-show="width" :span="1">
<div class="grid-content"></div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19">
<div class="banner">
<router-link to="/home">
<div class="link_text">
<div v-show="$i18n.locale === 'cn'" style="padding: 0 1.1rem;" class="link_text_title">学院首页</div>
<div v-show="$i18n.locale === 'en'" style="padding: 0 .9rem" class="link_text_title">Home</div>
</div>
</router-link>
<!-- <el-col v-show="width" :span="1">-->
<!-- <div class="grid-content"></div>-->
<!-- </el-col>-->
<div class="bottom-div" style="margin-left: 1rem;">
<el-col v-show="width" :xs="1" :sm="1" :md="4" :lg="4" :xl="5">
<div class="icon">
<div class="icont"><img src="@/assets/header/sy_logo1@2x.png" alt=""></div>
<!-- <div class="iconb"><img src="@/assets/header/sy_logo2@2x.png" alt=""></div>-->
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19">
<div class="banner">
<router-link to="/home">
<div class="link_text">
<div v-show="$i18n.locale === 'cn'" style="padding: 0 1.1rem;" class="link_text_title">学院首页</div>
<div v-show="$i18n.locale === 'en'" style="padding: 0 .9rem" class="link_text_title">Home</div>
</div>
</router-link>
<span v-for="(menu,index) in menuData" :key="index" v-if="menu.displayType == 1 ||($i18n.locale === 'cn'&& menu.displayType == 3)||($i18n.locale === 'cn'&& menu.displayType == 2)">
<span v-for="(menu,index) in menuData" :key="index"
v-if="menu.displayType == 1 ||($i18n.locale === 'cn'&& menu.displayType == 3)||($i18n.locale === 'cn'&& menu.displayType == 2)">
<a>
<div class="link_text">
<div class="link_text_title">
@@ -78,8 +80,9 @@
</div>
</a>
</span>
</div>
</el-col>
</div>
</el-col>
</div>
</el-row>
</div>
</div>
@@ -119,7 +122,7 @@ export default {
methods: {
menuCut(menu) {
console.log(menu)
this.$router.push("/pc/" + menu.encodeId + "?type=" + menu.type+"&lang="+sessionStorage.getItem("lang"));
this.$router.push("/pc/" + menu.encodeId + "?type=" + menu.type + "&lang=" + sessionStorage.getItem("lang"));
},
switchLang() {
let lang = ''
@@ -128,9 +131,9 @@ export default {
} else {
lang = 'en'
}
sessionStorage.setItem("lang",lang)
sessionStorage.setItem("lang", lang)
let fullPath = this.$route.fullPath
window.location.replace(fullPath.substr(0,fullPath.length-2)+lang)
window.location.replace(fullPath.substr(0, fullPath.length - 2) + lang)
}
}
}
@@ -138,7 +141,8 @@ export default {
<style scoped lang="scss">
.header {
width: 110rem;
//width: 100rem;
width: 130rem;
margin: 0 auto;
.top {
@@ -170,20 +174,20 @@ export default {
}
.bottom {
height: 8rem;
height: 7.6rem;
background: rgba(25, 86, 188, 0.6);
border-radius: 0rem 0rem 2rem 2rem;
.icon {
margin-left: 20%;
margin-left: 4rem;
div {
margin-top: 1rem;
margin-top: 2.4rem;
}
.icont {
img {
width: 18.3rem;
width: 23.3rem;
}
}
@@ -201,14 +205,15 @@ export default {
}
width: 100%;
height: 8rem;
height: 7.6rem;
clear: left;
margin-left: 3rem;
.link_text {
height: 100%;
text-align: center;
float: left;
font-size: 1.4rem;
font-size: 1.6rem;
font-family: "微软雅黑";
font-weight: 400;
color: #FFFFFF;
@@ -219,7 +224,8 @@ export default {
vertical-align: middle;
}
.link_text_title{
.link_text_title {
position: relative;
}
@@ -296,7 +302,8 @@ export default {
.secondary {
display: block;
}
.link_text_title{
.link_text_title {
//font-weight: bolder !important;
}
}

8
vue.config.js
View File

@@ -18,7 +18,7 @@ module.exports = {
// 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
// 例如 https://www.hchyun.cn/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.hchyun.com/admin/，则设置 baseUrl 为 /admin/。
// publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
publicPath: "/web",
publicPath: "/",
// 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
outputDir: 'dist',
// 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
@@ -28,7 +28,7 @@ module.exports = {
// 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
productionSourceMap: true,
// webpack-dev-server 相关配置
// devServer: {
devServer: {
// host: '0.0.0.0',
// // port: port,
// port: 8080,
@@ -44,8 +44,8 @@ module.exports = {
// }
// }
// },
// disableHostCheck: true
// },
disableHostCheck: true
},
// 强制内联CSS
// 默认true: 使用CSS分离插件 ExtractTextPlugin，采用独立样式文件载入，不采用 <style> 方式内联至 html 文件中
css: { extract: false },