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/开发环境 # EBTS/开发环境
#VUE_APP_BASE_API = '/dev-api' #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' 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 VUE_CLI_BABEL_TRANSPILE_MODULES = true

1
src/router/index.js
View File

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

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

@@ -1,10 +1,10 @@
<template> <template>
<div class="footer"> <div class="footer">
<el-row> <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> <div class="grid-content"></div>
</el-col> </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-row>
<el-col :span="12"> <el-col :span="12">
<div class="fLeft" style="margin-top: 1rem"> <div class="fLeft" style="margin-top: 1rem">

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

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

8
vue.config.js
View File

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