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

clay commit : 通知公告调整完毕

Browse Source
This commit is contained in:
clay
2022-10-05 01:13:18 +08:00
parent 60633bbe1c
commit 8b7e32bfb2
1 changed files with 32 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
src/views/index/components/announcements.vue
View File

@@ -1,33 +1,21 @@
<template> <template>
<div class="announcements"> <div class="announcements">
<el-row> <div class="headline">
<el-col :span="5"> <div class="line_left">
<div class="grid-content"></div> <img src="../../../assets/index/announcements/gang1.png" alt="">
</el-col> </div>
<el-col :span="14"> <div class="title">
<div class="headline"> 通知公告
<div class="line_left"> </div>
<img src="../../../assets/index/announcements/gang1.png" alt=""> <div class="line_right">
</div> <img src="../../../assets/index/announcements/gang2.png" alt="">
<div class="title"> </div>
通知公告 </div>
</div>
<div class="line_right"> <el-row type="flex" justify="center">
<img src="../../../assets/index/announcements/gang2.png" alt=""> <el-col :xs="23" :sm="20" :md="16" :lg="12" :xl="12">
</div> <el-row type="flex" justify="space-between">
</div> <el-col :xs="7" :sm="7" :md="7" :lg="7" :xl="7">
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<div class="grid-content"></div>
</el-col>
<el-col :span="14">
<el-row justify="space-between">
<el-col :span="1">
<div class="grid-content"></div>
</el-col>
<el-col :span="6">
<div class="announcements_text"> <div class="announcements_text">
<div class="announcements_text_line_time"> <div class="announcements_text_line_time">
<div class="announcements_text_line_time_btime">27</div> <div class="announcements_text_line_time_btime">27</div>
@@ -40,10 +28,7 @@
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :span="1"> <el-col :xs="7" :sm="7" :md="7" :lg="7" :xl="7">
<div class="grid-content"></div>
</el-col>
<el-col :span="6">
<div class="announcements_text"> <div class="announcements_text">
<div class="announcements_text_line_time"> <div class="announcements_text_line_time">
<div class="announcements_text_line_time_btime">27</div> <div class="announcements_text_line_time_btime">27</div>
@@ -56,10 +41,7 @@
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :span="1"> <el-col :xs="7" :sm="7" :md="7" :lg="7" :xl="7">
<div class="grid-content"></div>
</el-col>
<el-col :span="6">
<div class="announcements_text"> <div class="announcements_text">
<div class="announcements_text_line_time"> <div class="announcements_text_line_time">
<div class="announcements_text_line_time_btime">27</div> <div class="announcements_text_line_time_btime">27</div>
@@ -72,25 +54,14 @@
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :span="1">
<div class="grid-content"></div>
</el-col>
</el-row> </el-row>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <div class="more">
<el-col :span="5"> <span class="more_text">更多</span>
<div class="grid-content"></div> <img src="../../../assets/index/news_center/gd_icon.png" alt="">
</el-col> </div>
<el-col :span="14">
<div class="more">
<span class="more_text">更多</span>
<img src="../../../assets/index/news_center/gd_icon.png" alt="">
</div>
</el-col>
</el-row>
</div> </div>
</template> </template>
@@ -169,17 +140,19 @@ export default {
} }
} }
&_line{ &_line {
//width: 216px; //width: 216px;
width: 100%; width: 100%;
height: .2rem; height: .2rem;
background: linear-gradient(240deg, rgba(0,77,175,0) 0%, rgba(0,77,174,0.67) 47%, #004DAE 100%); background: linear-gradient(240deg, rgba(0, 77, 175, 0) 0%, rgba(0, 77, 174, 0.67) 47%, #004DAE 100%);
margin-bottom: 2.3rem; margin-bottom: 2.3rem;
} }
&_title{
&:hover{ &_title {
&:hover {
color: #0049AF; color: #0049AF;
} }
width: 100%; width: 100%;
height: 3.8rem; height: 3.8rem;
font-size: 1.4rem; font-size: 1.4rem;
@@ -189,7 +162,8 @@ export default {
letter-spacing: .1rem; letter-spacing: .1rem;
margin-bottom: .6rem; margin-bottom: .6rem;
} }
&_content{
&_content {
width: 100%; width: 100%;
height: 7rem; height: 7rem;
font-size: 1rem; font-size: 1rem;
@@ -199,6 +173,7 @@ export default {
letter-spacing: .1rem; letter-spacing: .1rem;
} }
} }
.more { .more {
width: 100%; width: 100%;
display: flex; display: flex;
@@ -206,6 +181,7 @@ export default {
height: 2.3rem; height: 2.3rem;
margin-top: 2.6rem; margin-top: 2.6rem;
cursor: pointer; cursor: pointer;
.more_text { .more_text {
font-size: 1.6rem; font-size: 1.6rem;
font-weight: 500; font-weight: 500;