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

chore: update

上级 49279453
......@@ -4,13 +4,13 @@
<ul class="complete-list">
<li>
<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>
</router-link>
</li>
<li>
<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>
</a>
</li>
......@@ -85,25 +85,46 @@ export default {
<style lang="scss">
.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;
align-items: 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 {
position: relative;
width: 200px;
height: 120px;
border: 1px solid #ddd;
i {
font-size: 30px;
background-color: #fff;
border-radius: 6px;
z-index: 1;
color: #000;
img {
margin-bottom: 10px;
}
a {
color: inherit;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
&:first-child {
color: #fff;
background-color: #e27f4d;
}
}
}
</style>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论