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;
padding: 0;
}
.grid-content{
height: 1px;
}
</style>
<style scoped>
.headers{

2
src/main.js
View File

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

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

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

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

@@ -1,11 +1,14 @@
<template>
<div class="footer">
<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-col :span="12">
<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>
<p style="margin-top: 6px;">犀浦校区地址：中国四川省成都市高新区西部园区西南交通大学 信息科学与技术学院 &nbsp;&nbsp;&nbsp;&nbsp; </p>
<p>邮政编码：611756</p>
@@ -17,7 +20,7 @@
<el-col :span="12">
<table class="fRight" cellpadding="0" cellspacing="0" border="0">
<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>
<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>

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

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

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

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

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

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