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

响应式处理

Browse Source
This commit is contained in:
clay
2022-01-12 22:15:42 +08:00
parent f5d34a00db
commit 05e116af0d
8 changed files with 80 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,10 +9,10 @@
</el-col>
</el-row>
<el-row>
<el-col v-show="width>=992" :xs="1" :sm="1" :md="2" :lg="4" :xl="4">
<el-col :xs="2" :sm="2" :md="1.5" :lg="2" :xl="4">
<div class="grid-content"></div>
</el-col>
<el-col :xs="7" :sm="7" :md="6" :lg="4" :xl="4">
<el-col v-show="width>=992" :md="6" :lg="6" :xl="4">
<div class="left_lab">
<div class="lab">
<div class="lab_list lab_select">
@@ -50,7 +50,7 @@
</div>
</div>
</el-col>
<el-col :xs="16" :sm="16" :md="14" :lg="12" :xl="12" >
<el-col :xs="20" :sm="20" :md="15" :lg="14" :xl="12" >
<el-row>
<el-col>
<div class="tab">
@@ -78,7 +78,7 @@
</div>
</div>
</el-col>
<el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17">
<el-col :xs="18" :sm="18" :md="18" :lg="16" :xl="17">
<div class="tw_context">
<div class="tw_context_title">
不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
@@ -88,7 +88,7 @@
</div>
</div>
</el-col>
<el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
<el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="4" :xl="3">
<div class="tw_img">
<img src="@/assets/index/teaching_student/tw1.png" alt="">
</div>
@@ -108,7 +108,7 @@
</div>
</div>
</el-col>
<el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17">
<el-col :xs="18" :sm="18" :md="18" :lg="16" :xl="17">
<div class="tw_context">
<div class="tw_context_title">
不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
@@ -118,7 +118,7 @@
</div>
</div>
</el-col>
<el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
<el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="4" :xl="3">
<div class="tw_img">
<img src="@/assets/index/teaching_student/tw1.png" alt="">
</div>
@@ -138,7 +138,7 @@
</div>
</div>
</el-col>
<el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17">
<el-col :xs="18" :sm="18" :md="18" :lg="16" :xl="17">
<div class="tw_context">
<div class="tw_context_title">
不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
@@ -148,7 +148,7 @@
</div>
</div>
</el-col>
<el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
<el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="4" :xl="3">
<div class="tw_img">
<img src="@/assets/index/teaching_student/tw1.png" alt="">
</div>
@@ -168,7 +168,7 @@
</div>
</div>
</el-col>
<el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17">
<el-col :xs="18" :sm="18" :md="18" :lg="16" :xl="17">
<div class="tw_context">
<div class="tw_context_title">
不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
@@ -178,7 +178,7 @@
</div>
</div>
</el-col>
<el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
<el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="4" :xl="3">
<div class="tw_img">
<img src="@/assets/index/teaching_student/tw1.png" alt="">
</div>
@@ -189,7 +189,7 @@
</el-col>
</el-row>
</el-col>
<el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
<el-col :xs="2" :sm="2" :md="1.5" :lg="2" :xl="4">
<div class="grid-content"></div>
</el-col>
</el-row>
@@ -341,6 +341,13 @@ export default {
margin-top: 4rem;
}
.tw_img{
width: 100%;
text-align: left;
img{
width: 90%;
}
}
.tw_time {
border-right: .1rem solid #D5D5D5;
height: 10rem;