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

rem

Browse Source
This commit is contained in:
clay
2021-12-31 23:12:37 +08:00
parent 3f23c616ea
commit 8232008a5c
29 changed files with 1779 additions and 419 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
.postcssrc.js Normal file
View File

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

12
package-lock.json generated
View File

@@ -1995,7 +1995,7 @@
},
"vue-loader-v16": {
"version": "npm:vue-loader@16.8.3",
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
"resolved": "https://registry.npmmirror.com/vue-loader/download/vue-loader-16.8.3.tgz",
"integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
"dev": true,
"optional": true,
@@ -7638,6 +7638,16 @@
"type-check": "~0.3.2"
}
},
"lib-flexible": {
"version": "0.3.2",
"resolved": "https://registry.npmjs.org/lib-flexible/-/lib-flexible-0.3.2.tgz",
"integrity": "sha1-BvWnSDIxSi01wSA5vJw8otrqpCY="
},
"lib-flexible-for-dashboard": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/lib-flexible-for-dashboard/-/lib-flexible-for-dashboard-1.0.2.tgz",
"integrity": "sha512-wHJoPNXA0xg1jUCB1p0qsxke5HkCmxpvDQQgDQ+4DOLherE2b9qFkHPy0ogT3Nfh2G1SWHjCdQCbelzEH6nMcw=="
},
"lines-and-columns": {
"version": "1.2.4",
"resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",

2
package.json
View File

@@ -17,6 +17,8 @@
"core-js": "^3.6.5",
"element-ui": "^2.15.6",
"less-loader": "^5.0.0",
"lib-flexible": "^0.3.2",
"lib-flexible-for-dashboard": "^1.0.2",
"script-ext-html-webpack-plugin": "^2.1.5",
"vue": "^2.6.11",
"vue-i18n": "^8.26.7",

5
public/index.html
View File

@@ -13,7 +13,8 @@
}
function fnResize() {
var deviceWidth = document.documentElement.clientWidth || window.innerWidth;
let deviceWidth = document.documentElement.clientWidth || window.innerWidth;
// let deviceWidth = document.documentElement.clientHeight || window.innerHeight;
if (deviceWidth >= 750) {
deviceWidth = 750;
}
@@ -21,6 +22,8 @@
deviceWidth = 320;
}
document.documentElement.style.fontSize = (deviceWidth / 75) + 'px';
// document.documentElement.style.width = (deviceWidth / 75) + 'px';
// document.documentElement.style.height = (deviceWidth / 75) + 'px';
}
</script>

BIN
src/assets/index/footer/sy_icon_gccrc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
src/assets/index/footer/sy_icon_gccrc@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/assets/index/footer/sy_icon_gzrs.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
src/assets/index/footer/sy_icon_gzrs@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/assets/index/footer/sy_icon_kytd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
src/assets/index/footer/sy_icon_kytd@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
src/assets/index/footer/sy_icon_yjs.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
src/assets/index/footer/sy_icon_yjs@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/assets/index/footer/sy_icon_zdxm.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
src/assets/index/footer/sy_icon_zdxm@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/assets/index/footer/sy_icon_zxxs.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
src/assets/index/footer/sy_icon_zxxs@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/assets/index/sy_icon_b1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 581 B

BIN
src/assets/index/sy_icon_b1@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
src/assets/school_profile/bj123.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
src/assets/school_profile/bj123@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 MiB

BIN
src/assets/school_profile/eji_icon_xz.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 382 B

BIN
src/assets/school_profile/eji_icon_xz@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 824 B

1030
src/components/HelloWorld.vue
View File

File diff suppressed because it is too large Load Diff

3
src/main.js
View File

@@ -8,7 +8,8 @@ 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,

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

@@ -1,5 +1,80 @@
<template>
<div id="edu_teach">
<el-row>
<el-col :span="24">
<!--首页图片-->
<div class="top">
<img src="@/assets/school_profile/bj123.png" alt="">
</div>
</el-col>
</el-row>
<el-row>
<el-col :offset="4" :span="16">
<el-row>
<el-col :span="6">
<div class="left_lab">
<div class="lab">
<div class="lab_list lab_select">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
学院简介
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
学院简介
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
学院简介
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
学院简介
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
学院简介
</div>
</div>
</div>
</div>
</el-col>
<el-col :span="18">
<el-row>
<el-col>
<div class="tab">
<router-link to="/">首页</router-link>
<span> > </span>
<router-link to="">教育教学</router-link>
<span> > </span>
<span style="color: #1956BC;font-size: 1.4rem">教学督导</span>
</div>
</el-col>
</el-row>
</el-col>
</el-row>
</el-col>
</el-row>
</div>
</template>
<script>
@@ -8,6 +83,107 @@ export default {
}
</script>
<style scoped>
<style scoped lang="scss">
#edu_teach {
.top {
img {
width: 100%;
}
}
font-family: PingFangSC-Regular, PingFang SC;
background: #F8F8F8;
.left_lab {
margin-left: 4rem;
width: 22rem;
height: 48rem;
background: #1956BC;
border-radius: 0rem 0rem 2rem 0rem;
position: relative;
.lab {
position: absolute;
left: 4.8rem;
top: 5rem;
width: 19rem;
margin-bottom: 3rem;
background: #FFFFFF;
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 {
text-align: center;
margin-left: 1rem;
width: 18rem;
height: 8rem;
clear: left;
line-height: 8rem;
border-bottom: 0.1rem solid #94BCFF;
.lab_img {
margin-top: .2rem;
float: left;
width: 1.4rem;
height: 1.4rem;
display: none;
margin-left: 4rem;
}
.lab_title {
float: left;
margin-left: 6rem;
}
}
.lab_select {
background: #94BCFF;
.lab_img {
display: block;
}
.lab_title {
margin-left: .4rem;
}
}
}
}
.tab {
margin-left: 1.9rem;
margin-top: 1.5rem;
font-weight: 400;
a {
text-decoration: none;
font-size: 1.4rem !important;
color: #3C3C3C;
}
}
.context {
margin: 3rem 4rem;
.title {
font-size: 2.4rem;
font-weight: 500;
color: #1956BC;
text-align: center;
}
.text {
margin-top: 2rem;
font-size: 1.2rem;
font-weight: 400;
color: #3C3C3C;
}
}
}
</style>

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

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

546
src/views/index/index.vue
View File

@@ -8,100 +8,104 @@
</div>
</el-col>
</el-row>
<el-row>
<el-col :offset="3" :span="18">
<!--正文部分-->
<div class="news_center">
<!--标题-->
<div class="title">{{ $t('message.news_center') }}</div>
<div class="divider">
<div class="divider_left">
<img src="@/assets/index/sy_icon_gd.png" alt="">
<!--新闻中心-->
<div class="new_center">
<el-row>
<el-col :offset="3" :span="18">
<!--正文部分-->
<div class="news_center">
<!--标题-->
<div class="title">{{ $t('message.news_center') }}</div>
<div class="divider">
<div class="divider_left">
<img src="@/assets/index/sy_icon_gd.png" alt="">
</div>
<div class="name">News Center</div>
<div class="divider_right">
<img src="@/assets/index/sy_icon_gd1.png" alt="">
</div>
</div>
<div class="name">News Center</div>
<div class="divider_right">
<img src="@/assets/index/sy_icon_gd1.png" alt="">
<!--录播图-->
<div class="slideshow">
<el-carousel trigger="click" height="51rem">
<el-carousel-item v-for="item in 4" :key="item">
<div>
<img src="@/assets/index/t1@2x.png" alt="">
<div class="bottom_title">
<el-row>
<el-col :offset="2" :span="18">
{{ item }}sdamdnalkdasdnlkadlajsdlksadjajdknakdnakldnlasnlsa
</el-col>
</el-row>
</div>
</div>
</el-carousel-item>
</el-carousel>
</div>
<!--轮播图下的新闻-->
<div class="new_context">
<el-row>
<el-col :span="6">
<div class="new_content">
<div class="thumbnail">
<img src="@/assets/index/t2.png" alt="">
</div>
<div class="new_title">
<p>
信息引领，勇于拼搏——信息科学与技术学院在全校教职工篮球赛获佳绩
</p>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="new_content">
<div class="thumbnail">
<img src="@/assets/index/t2.png" alt="">
</div>
<div class="new_title">
<p>
信息引领，勇于拼搏——信息科学与技术学院在全校教职工篮球赛获佳绩
</p>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="new_content">
<div class="thumbnail">
<img src="@/assets/index/t2.png" alt="">
</div>
<div class="new_title">
<p>
信息引领，勇于拼搏——信息科学与技术学院在全校教职工篮球赛获佳绩
</p>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="new_content">
<div class="thumbnail">
<img src="@/assets/index/t2.png" alt="">
</div>
<div class="new_title">
<p>
信息引领，勇于拼搏——信息科学与技术学院在全校教职工篮球赛获佳绩
</p>
</div>
</div>
</el-col>
</el-row>
</div>
</div>
<!--录播图-->
<div class="slideshow">
<el-carousel trigger="click" height="51rem">
<el-carousel-item v-for="item in 4" :key="item">
<div>
<img src="@/assets/index/t1@2x.png" alt="">
<div class="bottom_title">
<el-row>
<el-col :offset="2" :span="18">
{{ item }}sdamdnalkdasdnlkadlajsdlksadjajdknakdnakldnlasnlsa
</el-col>
</el-row>
</div>
</div>
</el-carousel-item>
</el-carousel>
</div>
<!--轮播图下的新闻-->
<div class="new_context">
<el-row>
<el-col :span="6">
<div class="new_content">
<div class="thumbnail">
<img src="@/assets/index/t2.png" alt="">
</div>
<div class="new_title">
<p>
信息引领，勇于拼搏——信息科学与技术学院在全校教职工篮球赛获佳绩
</p>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="new_content">
<div class="thumbnail">
<img src="@/assets/index/t2.png" alt="">
</div>
<div class="new_title">
<p>
信息引领，勇于拼搏——信息科学与技术学院在全校教职工篮球赛获佳绩
</p>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="new_content">
<div class="thumbnail">
<img src="@/assets/index/t2.png" alt="">
</div>
<div class="new_title">
<p>
信息引领，勇于拼搏——信息科学与技术学院在全校教职工篮球赛获佳绩
</p>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="new_content">
<div class="thumbnail">
<img src="@/assets/index/t2.png" alt="">
</div>
<div class="new_title">
<p>
信息引领，勇于拼搏——信息科学与技术学院在全校教职工篮球赛获佳绩
</p>
</div>
</div>
</el-col>
</el-row>
</div>
</div>
<!--更多-->
<div class="more_title">{{ $t('message.more') }}</div>
<div class="more_img">
<img src="@/assets/index/sy_icon_zhdl.png" alt="">
</div>
</el-col>
</el-row>
<!--更多-->
<div class="more_title">{{ $t('message.more') }}</div>
<div class="more_img">
<img src="@/assets/index/sy_icon_zhdl.png" alt="">
</div>
</el-col>
</el-row>
</div>
<!--科学研究-->
<div class="scientific_research">
<el-row>
<el-col :offset="3" :span="18">
@@ -119,7 +123,7 @@
</div>
<el-row>
<el-col :offset="3" span="18">
<el-col :offset="3" :span="18">
<div class="first">
<el-row>
<el-col :span="12">
@@ -265,9 +269,125 @@
</div>
</div>
<el-row>
<el-col :offset="3" span="18">
<el-col :offset="3" :span="18">
<div class="communication">
<div class="communication_row">
<el-row>
<el-col :span="12">
<el-row>
<el-col :span="3">
<div class="communication_img">
<img src="@/assets/index/sy_icon_b1.png" alt="">
</div>
</el-col>
<el-col :span="16"><span>上海交通大学郁昱教授学术报告</span></el-col>
<el-col :span="4">
<div class="communication_time">
2021.10.11
</div>
</el-col>
</el-row>
<div style="margin:2rem 0 2rem 4rem">
<hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="3">
<div class="communication_img">
<img src="@/assets/index/sy_icon_b1.png" alt="">
</div>
</el-col>
<el-col :span="16"><span>上海交通大学郁昱教授学术报告</span></el-col>
<el-col :span="4">
<div class="communication_time">
2021.10.11
</div>
</el-col>
</el-row>
<div style="margin:2rem 0 2rem 4rem">
<hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
</el-row>
</div>
<el-row>
<el-col :span="12">
<el-row>
<el-col :span="3">
<div class="communication_img">
<img src="@/assets/index/sy_icon_b1.png" alt="">
</div>
</el-col>
<el-col :span="16"><span>上海交通大学郁昱教授学术报告</span></el-col>
<el-col :span="4">
<div class="communication_time">
2021.10.11
</div>
</el-col>
</el-row>
<div style="margin:2rem 0 2rem 4rem">
<hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="3">
<div class="communication_img">
<img src="@/assets/index/sy_icon_b1.png" alt="">
</div>
</el-col>
<el-col :span="16"><span>上海交通大学郁昱教授学术报告</span></el-col>
<el-col :span="4">
<div class="communication_time">
2021.10.11
</div>
</el-col>
</el-row>
<div style="margin:2rem 0 2rem 4rem">
<hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">
</div>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-row>
<el-col :span="3">
<div class="communication_img">
<img src="@/assets/index/sy_icon_b1.png" alt="">
</div>
</el-col>
<el-col :span="16"><span>上海交通大学郁昱教授学术报告</span></el-col>
<el-col :span="4">
<div class="communication_time">
2021.10.11
</div>
</el-col>
</el-row>
<div style="margin:2rem 0 0 4rem">
<!--<hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">-->
</div>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="3">
<div class="communication_img">
<img src="@/assets/index/sy_icon_b1.png" alt="">
</div>
</el-col>
<el-col :span="16"><span>上海交通大学郁昱教授学术报告</span></el-col>
<el-col :span="4">
<div class="communication_time">
2021.10.11
</div>
</el-col>
</el-row>
<div style="margin:2rem 0 0 4rem">
<!--<hr style="width: 40rem; border: 0.1rem solid #E6E6E6;">-->
</div>
</el-col>
</el-row>
</div>
</el-col>
</el-row>
@@ -283,6 +403,7 @@
</el-col>
</el-row>
</div>
<!--党群工作-->
<div class="party_building_active">
<el-row>
@@ -418,6 +539,7 @@
</el-col>
</el-row>
</div>
<!--教学工作-->
<div class="teaching_and_student">
<el-row>
<el-col :offset="3" :span="18">
@@ -603,62 +725,69 @@
</el-col>
</el-row>
</div>
<!--下方开始-->
<div class="bottom">
<el-row>
<el-col :offset="5" :span="12">
<div class="table">
<table>
<tr>
<td rowspan="6">
<div class="left">
<div class="table_img">
<img src="@/assets/index/sy_icon_sjzx.png" alt="">
</div>
</div>
</td>
<td width="45rem">
<div class="right">
</div>
</td>
</tr>
<tr>
<td>
<div class="right">
</div>
</td>
</tr>
<tr>
<td>
<div class="right">
</div>
</td>
</tr>
<tr>
<td>
<div class="right">
</div>
</td>
</tr>
<tr>
<td>
<div class="right">
</div>
</td>
</tr>
<tr>
<td>
<div class="right">
</div>
</td>
</tr>
</table>
</div>
<div class="table">
<table>
<tr>
<td rowspan="6">
<div class="left">
<div class="table_img">
<img src="@/assets/index/sy_icon_sjzx.png" alt="">
</div>
</div>
</td>
<td width="45rem">
<div class="right one">
<div class="table_tr_left">职工人数</div>
<div class="table_tr_right">667人</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="right tow">
<div class="table_tr_left">在校学生人数</div>
<div class="table_tr_right">667人</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="right three">
<div class="table_tr_left">研究生导师</div>
<div class="table_tr_right">667人</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="right fourth">
<div class="table_tr_left">科研团队</div>
<div class="table_tr_right">28000人</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="right five">
<div class="table_tr_left">高层次人才</div>
<div class="table_tr_right">18个</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="right sex">
<div class="table_tr_left">重大项目</div>
<div class="table_tr_right">280000个</div>
</div>
</td>
</tr>
</table>
</div>
</el-col>
</el-row>
@@ -677,6 +806,47 @@ export default {
name: "index",
components: {
SlideshowCard
},
data() {
return {
scroll: 0,
}
},
mounted() { //监听scroll方法
window.addEventListener('scroll', this.handleScroll)
},
beforeDestroy() { //及时释放
window.removeEventListener('scroll', this.handleScroll)
},
methods: {
handleScroll() {
if (window.pageYOffset < 960) {
if (window.pageYOffset > this.scroll) {
console.log("向下")
window.scrollTo({top: 960, behavior: 'smooth',})
// this.backtop(960,false);
} else if (window.pageYOffset < this.scroll) {
console.log("向上")
// this.backtop(0,true);
window.scrollTo({top: -500, behavior: 'smooth',})
}
}
this.scroll = window.pageYOffset
console.log(window.pageYOffset)
}, //返回顶部
backtop(top,type) {
// 实现滚动效果
const timeTop = setInterval(() => {
if (type){
document.body.scrollTop = document.documentElement.scrollTop = top -= 50
if (top <= 0) {
clearInterval(timeTop)
}
}
}, 10)
},
}
}
</script>
@@ -813,7 +983,6 @@ export default {
.first {
padding-top: 1rem;
height: 34rem;
background: rgba(255, 255, 255, 0.9);
border-radius: 2.4rem;
@@ -864,8 +1033,28 @@ export default {
.communication {
width: 100%;
margin-top: 1rem;
height: 24rem;
//height: 24rem;
background: rgba(255, 255, 255, 0.9);
padding-top: 3rem;
span {
line-height: 2.6rem;
font-size: 1.8rem;
font-weight: 500;
color: #1956BC;
}
.communication_img {
height: 2.6rem;
margin-left: 3rem;
}
.communication_time {
font-size: 1.2rem;
font-weight: 400;
color: #1956BC;
line-height: 2.6rem;
}
}
}
@@ -962,30 +1151,79 @@ export default {
background-image: url('../../assets/index/sy_bj4.png');
height: 66rem;
.table{
margin: 4rem 0 0 0 ;
.table {
margin: 4rem 0 0 0;
td{
td {
margin: 0;
padding: 0;
}
.left {
width: 55rem;
height: 55rem;
.table_img{
.table_img {
text-align: right;
padding-top: 6rem;
}
}
.right {
width: 55rem;
height: 6.5rem;
background-color: blue;
width: 41.5rem;
height: 6.8rem;
clear: left;
position: relative;
color: #FFFFFF;
.table_tr_left {
position: absolute;
font-size: 1.6rem;
height: 100%;
line-height: 6.8rem;
float: left;
left: 12.5rem;
}
.table_tr_right {
position: absolute;
font-size: 2.4rem;
float: left;
right: 3.3rem;
height: 100%;
line-height: 6.8rem;
}
}
.one {
background-image: url("../../assets/index/footer/sy_icon_zxxs.png");
}
.tow {
margin-left: 6rem;
background-image: url("../../assets/index/footer/sy_icon_yjs.png");
}
.three {
margin-left: 12rem;
background-image: url("../../assets/index/footer/sy_icon_kytd.png");
}
.fourth {
margin-left: 18rem;
background-image: url("../../assets/index/footer/sy_icon_gccrc.png");
}
.five {
margin-left: 12rem;
background-image: url("../../assets/index/footer/sy_icon_gzrs.png");
}
.sex {
margin-left: 6rem;
background-image: url("../../assets/index/footer/sy_icon_zxxs.png");
}
}

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

@@ -1,4 +1,118 @@
<template>
<div id="school_profile">
<el-row>
<el-col :span="24">
<!--首页图片-->
<div class="top">
<img src="@/assets/school_profile/bj123.png" alt="">
</div>
</el-col>
</el-row>
<el-row>
<el-col :offset="4" :span="16">
<el-row>
<el-col :span="6">
<div class="left_lab">
<div class="lab">
<div class="lab_list lab_select">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
学院简介
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
历史沿革
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
学院领导
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
院长致辞
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
学院简介
</div>
</div>
</div>
</div>
</el-col>
<el-col :span="18">
<el-row>
<el-col>
<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>
</div>
<div class="context">
<div class="title">学院简介</div>
<div class="text">
西南交通大学信息科学与技术学院是随着时代和国家战略需求发展起来的学院，上世纪六十年代初创办了计算技术、自动化和无线电技术3个专业，是国内较早开设电子与信息类专业的学校，1981年计算机及应用专业获得首批硕士学位授予权，1985年成立计算机科学与工程系，1993年成立计算机与信息工程学院，1994年更名为计算机与通信工程学院，2005年更名为信息科学与技术学院，2021年3月进行重组。历经六十余载，学院形成了以通信、控制、电子和计算机为主干学科的覆盖电子信息整个领域的学科体系，成为具有轨道交通特色的信息技术人才培养和科学研究的基地。
<br>
图1：学院发展历程
<br>
学院下设通信工程、自动化、电子工程系、铁道信息工程4个系，6个本科专业和方向，其中通信工程为国家级特色专业，自动化为国家卓越工程师教育培养计划专业，同时为实施精英培养，学院还设有茅以升学院信息班、詹天佑学院信息班。
图2：学院专业建设
<br>
学院拥有包括国家级国际科技合作基地、国家级实验教学示范中心在内的4个教学型实验室、14个研究型实验室、8个共建实验室，建成了国内唯一集通信网络与信息安全系统为一体的“现代通信网络与信息安全实验平台”，拥有国内一流实践教学条件，建立了12个校内外实习基地，并与知名IT类企业、轨道交通企业展开了联合培养。学生在校期间可根据自己的兴趣选择进入实验室、创新中心和研究所参与科研项目。
图3：学院实验室、平台、团队
<br>
学院学历教育涵盖博士、硕士、重点本科、留学生（博、硕、本）等多个层次。拥有3个一级学科博士点、1个一级学科硕士点，以及1个工程硕士点和2个博士后流动站，还拥有国家重点学科、省级重点学科。2016年5月，Computer Science学科进入ESI全球排名前1%。
<br>
图4：学院学位点
<br>
学院重视学科建设工作，在拥有的众多学科里，含国家重点学科1个、一级学科省级重点学科2个。
<br>
学院师资力量雄厚，现有教职工146人，其中教授34人，副教授48人，博导36人，拥有一批具备国际竞争力的学科领军人物，已形成一支朝气蓬勃、富有潜力的教学科研团队。
<br>
目前学院有各类在校学生近2000名，其中博士研究生超过100人，硕士研究生500余人。近年来，学院培养学生在“全国电子设计大赛”、“国际数学建模竞赛”、“ACM国际大学生程序设计竞赛”、“创青春”全国大学生创业大赛、中国“互联网+”大学生创新创业大赛等国内外顶级大学生创新创业竞赛中屡获佳绩，全面培养了学生科技创新能力和综合素质。
<br>
近年来，学院科研工作发展迅猛，承担了包括“973”计划、国家重点研发计划、国家科技支撑计划、国家科技重大专项、“111”计划，国家“211”工程建设项目和国家优势学科创新平台建设项目（特色“985”），科技部、教育部、国家杰出青年基金项目、国家自然科学基金（重点、面上、青年、国际合作等）项目，四川省和铁路总公司科技项目，以及来自行业、地方和企业的各类科技开发项目数百项。数十项科研成果获国家及省部级奖励。学院科研团队在国内外本领域顶级学术刊物上发表了一大批高水平学术论文，出版了多部在国内外具有影响力的中英文学术专著和教材。
<br>
学院具有宽广的国际化视野，超过一半的教师具有海外经历。拥有IEEE/OSA Fellow、IET fellow 、IEEE Distinguished lecture、高水平学术刊物客座编辑等学术任职的教师。学院积极培养国际学生，培养了或正在培养来自欧洲、美洲、亚洲的十余个国家的各类留学生近百名。
<br>
我国高新技术的快速发展为信息学科的发展提供了广阔的发展前景和良好的机遇，学院已培养了一大批信息领域的高级专门人才，毕业生遍及海内外，其中不少已成为国内外知名专家、学者，行业领军人物和骨干。信息科学与技术学院广大师生将继续秉承学校“竢实扬华，自强不息”的精神，锐意进取，迎接挑战，为把学院建设成为高水平研究型学院而努力！
</div>
</div>
</el-col>
</el-row>
</el-col>
</el-row>
</el-col>
</el-row>
</div>
</template>
@@ -8,6 +122,96 @@ export default {
}
</script>
<style scoped>
<style scoped lang="scss">
#school_profile{
.top {
img {
width: 100%;
}
}
font-family: PingFangSC-Regular, PingFang SC;
background: #F8F8F8;
.left_lab{
margin-left: 40px;
width: 220px;
height: 480px;
background: #1956BC;
border-radius: 0 0 20px 0;
position: relative;
.lab{
position: absolute;
left: 48px;
top: 50px;
width: 190px;
margin-bottom: 30px;
background: #FFFFFF;
box-shadow: 0 2px 4px 0 rgba(6, 42, 102, 0.67);
border-radius: 0 0 25px 20px;
.lab_list:last-child{
border: none;
}
.lab_list{
text-align: center;
margin-left: 10px;
width: 180px;
height: 80px;
clear: left;
line-height: 80px;
border-bottom: 1px solid #94BCFF;
.lab_img{
margin-top: 2px;
float: left;
width: 14px;
height: 14px;
display: none;
margin-left: 40px;
}
.lab_title{
float: left;
margin-left: 60px ;
}
}
.lab_select{
background: #94BCFF;
.lab_img{
display: block;
}
.lab_title{
margin-left: 4px;
}
}
}
}
.tab{
margin-left: 19px;
margin-top: 15px;
font-weight: 400;
a{
text-decoration: none;
font-size: 14px !important;
color: #3C3C3C;
}
}
.context{
margin: 30px 40px;
.title{
font-size: 24px;
font-weight: 500;
color: #1956BC;
text-align: center;
}
.text{
margin-top: 20px;
font-size: 12px;
font-weight: 400;
color: #3C3C3C;
}
}
}
</style>

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

@@ -1,5 +1,80 @@
<template>
<div id="edu_teach">
<el-row>
<el-col :span="24">
<!--首页图片-->
<div class="top">
<img src="@/assets/school_profile/bj123.png" alt="">
</div>
</el-col>
</el-row>
<el-row>
<el-col :offset="4" :span="16">
<el-row>
<el-col :span="6">
<div class="left_lab">
<div class="lab">
<div class="lab_list lab_select">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
学院简介
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
学院简介
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
学院简介
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
学院简介
</div>
</div>
<div class="lab_list">
<div class="lab_img">
<img src="@/assets/school_profile/eji_icon_xz.png" alt="">
</div>
<div class="lab_title">
学院简介
</div>
</div>
</div>
</div>
</el-col>
<el-col :span="18">
<el-row>
<el-col>
<div class="tab">
<router-link to="/">首页</router-link>
<span> > </span>
<router-link to="">师资队伍</router-link>
<span> > </span>
<span style="color: #1956BC;font-size: 1.4rem">教师名录</span>
</div>
</el-col>
</el-row>
</el-col>
</el-row>
</el-col>
</el-row>
</div>
</template>
<script>
@@ -8,6 +83,107 @@ export default {
}
</script>
<style scoped>
<style scoped lang="scss">
#edu_teach {
.top {
img {
width: 100%;
}
}
font-family: PingFangSC-Regular, PingFang SC;
background: #F8F8F8;
.left_lab {
margin-left: 4rem;
width: 22rem;
height: 48rem;
background: #1956BC;
border-radius: 0rem 0rem 2rem 0rem;
position: relative;
.lab {
position: absolute;
left: 4.8rem;
top: 5rem;
width: 19rem;
margin-bottom: 3rem;
background: #FFFFFF;
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 {
text-align: center;
margin-left: 1rem;
width: 18rem;
height: 8rem;
clear: left;
line-height: 8rem;
border-bottom: 0.1rem solid #94BCFF;
.lab_img {
margin-top: .2rem;
float: left;
width: 1.4rem;
height: 1.4rem;
display: none;
margin-left: 4rem;
}
.lab_title {
float: left;
margin-left: 6rem;
}
}
.lab_select {
background: #94BCFF;
.lab_img {
display: block;
}
.lab_title {
margin-left: .4rem;
}
}
}
}
.tab {
margin-left: 1.9rem;
margin-top: 1.5rem;
font-weight: 400;
a {
text-decoration: none;
font-size: 1.4rem !important;
color: #3C3C3C;
}
}
.context {
margin: 3rem 4rem;
.title {
font-size: 2.4rem;
font-weight: 500;
color: #1956BC;
text-align: center;
}
.text {
margin-top: 2rem;
font-size: 1.2rem;
font-weight: 400;
color: #3C3C3C;
}
}
}
</style>