williamet/jiace-web
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

添加客服页面

Browse Source
This commit is contained in:
熊丽君
2021-08-13 11:51:16 +08:00
parent 812db4de27
commit cdd37b70a6
12 changed files with 979 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/views/home/news.vue
View File

@ -1,5 +1,84 @@
<template>
<div>
消息通知
<div class="news_page">
<div class="list">
<div class="item">
<div class="item_icon">
<div class="red"></div>
</div>
<div class="item_r">
<div class="item_r_t">
<div class="flex">
<div class="col_333">新政策匹配通知</div>
<div class="col_999">5-29</div>
</div>
</div>
<div class="item_r_b">
<div class="flex">
<div class="col_999">
现有一项新的符合贵公司条件的政策可申报，快查看详情吧！
</div>
<!-- 跳转详情 -->
<router-link to="">
<div class="col_333">
查看详情<i class="el-icon-arrow-right"></i>
</div>
</router-link>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<style lang="scss" scoped>
.news_page {
.list {
.item {
display: flex;
align-items: center;
padding: 10px;
border-radius: 10px;
background-color: #fff;
.item_icon {
position: relative;
margin-right: 15px;
display: block;
width: 50px;
height: 50px;
text-align: center;
border-radius: 50%;
background: #f5f5f5 url(~@/assets/image/icon11.png) no-repeat center
center;
background-size: 32%;
.red {
position: absolute;
width: 7px;
height: 7px;
background-color: red;
top: 0;
right: 0;
border-radius: 50%;
}
}
.item_r {
flex: 1;
.flex {
display: flex;
justify-content: space-between;
.col_333 {
font-size: 16px;
color: #333;
}
.col_999 {
font-size: 14px;
color: #999;
}
}
.item_r_b {
margin-top: 5px;
}
}
}
}
}
</style>