clay commit : 通知公告响应式基本完成
This commit is contained in:
@@ -1,12 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="academy_and_sciences">
|
<div class="academy_and_sciences">
|
||||||
<el-row>
|
<el-row type="flex" justify="center">
|
||||||
<el-col :xs="1" :sm="1" :md="2" :lg="2" :xl="2" >
|
<el-col :xs="22" :sm="22" :md="20" :lg="16" :xl="14" >
|
||||||
<div class="grid-content"></div>
|
|
||||||
</el-col>
|
|
||||||
<el-col :xs="23" :sm="22" :md="20" :lg="20" :xl="20" >
|
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="12">
|
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||||
<div class="sciences_title">
|
<div class="sciences_title">
|
||||||
科学研究
|
科学研究
|
||||||
</div>
|
</div>
|
||||||
@@ -87,7 +84,7 @@
|
|||||||
<img src="../../../assets/index/academy_and_sciences/gangduobai1.png" alt="">
|
<img src="../../../assets/index/academy_and_sciences/gangduobai1.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||||
<div class="academy_title">
|
<div class="academy_title">
|
||||||
学术交流
|
学术交流
|
||||||
</div>
|
</div>
|
||||||
@@ -181,7 +178,7 @@ export default {
|
|||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 68.3rem;
|
//height: 68.3rem;
|
||||||
|
|
||||||
.sciences_title, .academy_title {
|
.sciences_title, .academy_title {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -234,6 +231,7 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
height: 2.3rem;
|
height: 2.3rem;
|
||||||
margin-top: 3.4rem;
|
margin-top: 3.4rem;
|
||||||
|
margin-bottom: 2rem;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
.more_text {
|
.more_text {
|
||||||
font-size: 1.6rem;
|
font-size: 1.6rem;
|
||||||
|
|||||||
@@ -1,12 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="undergraduate_and_graduate">
|
<div class="undergraduate_and_graduate">
|
||||||
<el-row>
|
<el-row type="flex" justify="center">
|
||||||
<el-col :xs="1" :sm="1" :md="2" :lg="2" :xl="2">
|
<el-col :xs="22" :sm="22" :md="20" :lg="16" :xl="14" >
|
||||||
<div class="grid-content"></div>
|
|
||||||
</el-col>
|
|
||||||
<el-col :xs="23" :sm="22" :md="20" :lg="20" :xl="20" >
|
|
||||||
<el-row class="undergraduate_and_graduate_bgc">
|
<el-row class="undergraduate_and_graduate_bgc">
|
||||||
<el-col :span="12">
|
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||||
<div class="undergraduate headline">
|
<div class="undergraduate headline">
|
||||||
<img src="../../../assets/index/undergraduate_and_graduate/benka.png" alt=""/>
|
<img src="../../../assets/index/undergraduate_and_graduate/benka.png" alt=""/>
|
||||||
<span>本科教育</span>
|
<span>本科教育</span>
|
||||||
@@ -58,7 +55,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
|
||||||
<div class="graduate headline">
|
<div class="graduate headline">
|
||||||
<img src="../../../assets/index/undergraduate_and_graduate/boshimaobeifen.png" alt=""/>
|
<img src="../../../assets/index/undergraduate_and_graduate/boshimaobeifen.png" alt=""/>
|
||||||
<span>研究生教育</span>
|
<span>研究生教育</span>
|
||||||
@@ -127,11 +124,11 @@ export default {
|
|||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 54.2rem;
|
//height: 54.2rem;
|
||||||
|
|
||||||
&_bgc {
|
&_bgc {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
height: 33.8rem;
|
//height: 33.8rem;
|
||||||
margin-top: 8.1rem;
|
margin-top: 8.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user