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