提交 9ed5a60d authored 作者: 王鹏飞's avatar 王鹏飞

chore: update

上级 49279453
...@@ -4,13 +4,13 @@ ...@@ -4,13 +4,13 @@
<ul class="complete-list"> <ul class="complete-list">
<li> <li>
<router-link to="/preview?material=0"> <router-link to="/preview?material=0">
<i class="el-icon-edit-outline"></i> <img src="https://webapp-pub.ezijing.com/project/ciis/apply_icon_2.png" />
<p>查看资料</p> <p>查看资料</p>
</router-link> </router-link>
</li> </li>
<li> <li>
<a href="https://accounts.ezijing.com/payment" target="_blank"> <a href="https://accounts.ezijing.com/payment" target="_blank">
<i class="el-icon-tickets"></i> <img src="https://webapp-pub.ezijing.com/project/ciis/apply_icon_1.png" />
<p>开具发票</p> <p>开具发票</p>
</a> </a>
</li> </li>
...@@ -85,25 +85,46 @@ export default { ...@@ -85,25 +85,46 @@ export default {
<style lang="scss"> <style lang="scss">
.complete-list { .complete-list {
margin-top: 30vh; position: relative;
height: calc(100vh - 120px);
background: url(https://webapp-pub.ezijing.com/project/ciis/apply_banner.png) no-repeat center center;
background-size: cover;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
column-gap: 100px; column-gap: 90px;
&::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
}
li { li {
position: relative;
width: 200px; width: 200px;
height: 120px; height: 120px;
border: 1px solid #ddd; background-color: #fff;
i { border-radius: 6px;
font-size: 30px; z-index: 1;
color: #000;
img {
margin-bottom: 10px;
} }
a { a {
color: inherit;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
&:first-child {
color: #fff;
background-color: #e27f4d;
}
} }
} }
</style> </style>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论