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

01

Browse Source
This commit is contained in:
clay
2022-01-02 12:37:40 +08:00
parent 8232008a5c
commit ce89149e2d
8 changed files with 92 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
.postcssrc.js
View File

@@ -1,13 +0,0 @@
module.exports = {
plugins: {
autoprefixer: {},
"@njleonzhang/postcss-px-to-rem": {
unitToConvert: "px",
widthOfDesignLayout: 1920, // 设计稿的宽度
unitPrecision: 3, // 十进制的单位.
selectorBlackList: [".ignore", ".hairlines"], // 过滤那些不用转换的class
minPixelValue: 1, // 设置要替换的最小像素值.
mediaQuery: false, // 允许在媒体查询中转换px
},
},
};

3
src/App.vue
View File

@@ -51,6 +51,9 @@ export default {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.grid-content{
height: 1px;
}
</style> </style>
<style scoped> <style scoped>
.headers{ .headers{

2
src/main.js
View File

@@ -8,8 +8,6 @@ import 'element-ui/lib/theme-chalk/index.css';
Vue.config.productionTip = false Vue.config.productionTip = false
Vue.use(ElementUI) Vue.use(ElementUI)
const dashboardFlexible = require('lib-flexible-for-dashboard');
dashboardFlexible.init(16/9)
new Vue({ new Vue({
i18n, i18n,
router, router,

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

@@ -104,6 +104,7 @@ export default {
position: relative; position: relative;
.lab { .lab {
font-size: 1.6rem;
position: absolute; position: absolute;
left: 4.8rem; left: 4.8rem;
top: 5rem; top: 5rem;
@@ -136,6 +137,7 @@ export default {
} }
.lab_title { .lab_title {
color: #1956BC;
float: left; float: left;
margin-left: 6rem; margin-left: 6rem;
} }
@@ -143,12 +145,12 @@ export default {
.lab_select { .lab_select {
background: #94BCFF; background: #94BCFF;
.lab_img { .lab_img {
display: block; display: block;
} }
.lab_title { .lab_title {
color: #FFFFFF;
margin-left: .4rem; margin-left: .4rem;
} }
} }

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

@@ -1,11 +1,14 @@
<template> <template>
<div class="footer"> <div class="footer">
<el-row> <el-row>
<el-col :offset="3" :span="20"> <el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="3">
<div class="grid-content"></div>
</el-col>
<el-col :xs="23" :sm="22" :md="22" :lg="20" :xl="20">
<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">
<p style="font-family:Verdana, Geneva, sans-serif;font-weight:500;font-size:20px; padding-bottom:6px; "> <p style="font-family:Verdana, Geneva, sans-serif;font-weight:500;font-size:2rem; padding-bottom:6px; ">
CONTACT US</p> CONTACT US</p>
<p style="margin-top: 6px;">犀浦校区地址：中国四川省成都市高新区西部园区西南交通大学 信息科学与技术学院 &nbsp;&nbsp;&nbsp;&nbsp; </p> <p style="margin-top: 6px;">犀浦校区地址：中国四川省成都市高新区西部园区西南交通大学 信息科学与技术学院 &nbsp;&nbsp;&nbsp;&nbsp; </p>
<p>邮政编码：611756</p> <p>邮政编码：611756</p>
@@ -17,7 +20,7 @@
<el-col :span="12"> <el-col :span="12">
<table class="fRight" cellpadding="0" cellspacing="0" border="0"> <table class="fRight" cellpadding="0" cellspacing="0" border="0">
<tbody><tr> <tbody><tr>
<td><img src="http://sist.swjtu.edu.cn:80/zh/images/logo3.jpg"></td> <td><img style="width: 6.7rem;" src="http://sist.swjtu.edu.cn:80/zh/images/logo3.jpg"></td>
<td><p><a href="http://www.swjtu.edu.cn/" target="_blank">西南交通大学（中文）</a></p> <td><p><a href="http://www.swjtu.edu.cn/" target="_blank">西南交通大学（中文）</a></p>
<p><a href="http://english.swjtu.edu.cn/public/default.aspx" target="_blank">西南交通大学（ENGLISH）</a></p> <p><a href="http://english.swjtu.edu.cn/public/default.aspx" target="_blank">西南交通大学（ENGLISH）</a></p>
<p><a href="http://fad.swjtu.edu.cn/public/Default.aspx" target="_blank">西南交通大学国际合作与交流处</a></p> <p><a href="http://fad.swjtu.edu.cn/public/Default.aspx" target="_blank">西南交通大学国际合作与交流处</a></p>

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

@@ -1,6 +1,9 @@
<template> <template>
<el-row> <el-row>
<el-col :offset="4" :span="16"> <el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
<div class="grid-content"></div>
</el-col>
<el-col :xs="22" :sm="20" :md="20" :lg="16" :xl="16">
<div class="header"> <div class="header">
<!--头部部分--> <!--头部部分-->
<div class="top"> <div class="top">
@@ -63,7 +66,8 @@
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :span="4"> <el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
<div class="grid-content"></div>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@@ -88,19 +92,19 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.header { .header {
.top { .top {
font-size: 12px; font-size: 1.2rem;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
line-height: 30px; line-height: 3rem;
width: 100%; width: 100%;
height: 30px; height: 3rem;
background: #1956BC; background: #1956BC;
.switchLang { .switchLang {
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 1.6rem;
} }
.link:hover{ .link:hover{
background: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7);
@@ -109,23 +113,22 @@ export default {
} }
.bottom { .bottom {
height: 80px; height: 8rem;
background: rgba(25, 86, 188, 0.6); background: rgba(25, 86, 188, 0.6);
border-radius: 0 0 20px 20px; border-radius: 0rem 0rem 2rem 2rem;
.icon{ .icon{
font-size: 0;
margin-left: 20%; margin-left: 20%;
div{ div{
margin-top: 10px; margin-top: 1rem;
} }
.icont{ .icont{
img{ img{
width: 183px; width: 18.3rem;
} }
} }
.iconb{ .iconb{
img{ img{
width: 89px; width: 8.9rem;
} }
} }
} }
@@ -135,15 +138,15 @@ export default {
color: #ffffff; color: #ffffff;
} }
width: 100%; width: 100%;
height: 80px; height: 8rem;
clear: left; clear: left;
div{ div{
width: 9%; width: 9%;
height: 100%; height: 100%;
line-height: 80px; line-height: 8rem;
text-align: center; text-align: center;
float: left; float: left;
font-size: 14px; font-size: 1.4rem;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #FFFFFF;

99
src/views/school_profile/index.vue
View File

@@ -10,7 +10,11 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :offset="4" :span="16">
<el-col :xs="0" :sm="2" :md="2" :lg="4" :xl="4">
<div class="grid-content"></div>
</el-col>
<el-col :xs="24" :sm="20" :md="20" :lg="16" :xl="16">
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<div class="left_lab"> <div class="left_lab">
@@ -28,7 +32,7 @@
<img src="@/assets/school_profile/eji_icon_xz.png" alt=""> <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div> </div>
<div class="lab_title"> <div class="lab_title">
历史沿革 学院简介
</div> </div>
</div> </div>
<div class="lab_list"> <div class="lab_list">
@@ -36,7 +40,7 @@
<img src="@/assets/school_profile/eji_icon_xz.png" alt=""> <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div> </div>
<div class="lab_title"> <div class="lab_title">
学院领导 学院简介
</div> </div>
</div> </div>
<div class="lab_list"> <div class="lab_list">
@@ -44,7 +48,7 @@
<img src="@/assets/school_profile/eji_icon_xz.png" alt=""> <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div> </div>
<div class="lab_title"> <div class="lab_title">
院长致辞 学院简介
</div> </div>
</div> </div>
<div class="lab_list"> <div class="lab_list">
@@ -64,7 +68,7 @@
<div class="tab"> <div class="tab">
<router-link to="/">首页</router-link><span> > </span> <router-link to="/">首页</router-link><span> > </span>
<router-link to="">学院概况</router-link><span> > </span> <router-link to="">学院概况</router-link><span> > </span>
<span style="color: #1956BC;font-size: 1.40px">学院简介</span> <span style="color: #1956BC;font-size: 1.4rem">学院简介</span>
</div> </div>
<div class="context"> <div class="context">
<div class="title">学院简介</div> <div class="title">学院简介</div>
@@ -111,6 +115,9 @@
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
<el-col :xs="0" :sm="2" :md="2" :lg="4" :xl="4">
<div class="grid-content"></div>
</el-col>
</el-row> </el-row>
</div> </div>
@@ -132,52 +139,62 @@ export default {
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
background: #F8F8F8; background: #F8F8F8;
.left_lab{ .left_lab{
margin-left: 40px; margin-left: 4rem;
width: 220px; width: 22rem;
height: 480px; height: 48rem;
background: #1956BC; background: #1956BC;
border-radius: 0 0 20px 0; border-radius: 0rem 0rem 2rem 0rem;
position: relative; position: relative;
.lab{
.lab {
font-size: 1.6rem;
position: absolute; position: absolute;
left: 48px; left: 4.8rem;
top: 50px; top: 5rem;
width: 190px; width: 19rem;
margin-bottom: 30px; margin-bottom: 3rem;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0 2px 4px 0 rgba(6, 42, 102, 0.67); box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(6, 42, 102, 0.67);
border-radius: 0 0 25px 20px; border-radius: 0rem 0rem 2.5rem 2rem;
.lab_list:last-child{
.lab_list:last-child {
border: none; border: none;
} }
.lab_list{
.lab_list {
text-align: center; text-align: center;
margin-left: 10px; margin-left: 1rem;
width: 180px; width: 18rem;
height: 80px; height: 8rem;
clear: left; clear: left;
line-height: 80px; line-height: 8rem;
border-bottom: 1px solid #94BCFF; border-bottom: 0.1rem solid #94BCFF;
.lab_img{
margin-top: 2px; .lab_img {
margin-top: .2rem;
float: left; float: left;
width: 14px; width: 1.4rem;
height: 14px; height: 1.4rem;
display: none; display: none;
margin-left: 40px; margin-left: 4rem;
} }
.lab_title{
.lab_title {
color: #1956BC;
float: left; float: left;
margin-left: 60px ; margin-left: 6rem;
} }
} }
.lab_select{
.lab_select {
background: #94BCFF; background: #94BCFF;
.lab_img{ .lab_img {
display: block; display: block;
} }
.lab_title{
margin-left: 4px; .lab_title {
color: #FFFFFF;
margin-left: .4rem;
} }
} }
} }
@@ -189,26 +206,26 @@ export default {
.tab{ .tab{
margin-left: 19px; margin-left: 1.9rem;
margin-top: 15px; margin-top: 1.5rem;
font-weight: 400; font-weight: 400;
a{ a{
text-decoration: none; text-decoration: none;
font-size: 14px !important; font-size: 1.4rem !important;
color: #3C3C3C; color: #3C3C3C;
} }
} }
.context{ .context{
margin: 30px 40px; margin: 3rem 4rem;
.title{ .title{
font-size: 24px; font-size: 2.4rem;
font-weight: 500; font-weight: 500;
color: #1956BC; color: #1956BC;
text-align: center; text-align: center;
} }
.text{ .text{
margin-top: 20px; margin-top: 2rem;
font-size: 12px; font-size: 1.2rem;
font-weight: 400; font-weight: 400;
color: #3C3C3C; color: #3C3C3C;
} }

5
src/views/teaching_staff/index.vue
View File

@@ -103,7 +103,9 @@ export default {
border-radius: 0rem 0rem 2rem 0rem; border-radius: 0rem 0rem 2rem 0rem;
position: relative; position: relative;
.lab { .lab {
font-size: 1.6rem;
position: absolute; position: absolute;
left: 4.8rem; left: 4.8rem;
top: 5rem; top: 5rem;
@@ -136,6 +138,7 @@ export default {
} }
.lab_title { .lab_title {
color: #1956BC;
float: left; float: left;
margin-left: 6rem; margin-left: 6rem;
} }
@@ -143,12 +146,12 @@ export default {
.lab_select { .lab_select {
background: #94BCFF; background: #94BCFF;
.lab_img { .lab_img {
display: block; display: block;
} }
.lab_title { .lab_title {
color: #FFFFFF;
margin-left: .4rem; margin-left: .4rem;
} }
} }