Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
b95608b5 by simon
Options

默认提交

1 parent a87c2f19
Inline Side-by-side
Showing 2 changed files with 134 additions and 0 deletions
......@@ -22,13 +22,45 @@
padding: 40px 0 42px;
border-bottom: solid 2px #eaebeb;
// 问题
.question {
font-weight: bold;
}
// 答案
.answer {
margin-top: 12px;
}
table {
width: 100%;
text-align: center;
margin: 24px auto;
border-collapse: collapse;
tr {
border-left: solid 2px #eaebeb;
th {
background-color: #eaebeb;
border-right: solid 2px #d7d9d9;
&:last-child {
border-right: solid 2px #eaebeb;
}
}
td {
border-bottom: solid 2px #eaebeb;
border-right: solid 2px #eaebeb;
}
th,
td {
padding: 12px 0;
}
}
}
}
&-item:lang(zh) {
......
......@@ -13,6 +13,108 @@
<div class="desc-item" v-for="item in 8" :key="item.id">
<div class="question">{{ dataList[0].q }}</div>
<div class="answer">{{ dataList[0].a }}</div>
<table >
<tr>
<th>保單周年日或保單日期</th>
<th>計算徵費率</th>
<th>徵費上限 (HKD)</th>
</tr>
<tr>
<td>2018年1月1日至2019年3月31日</td>
<td>$0.04%</td>
<td>40</td>
</tr>
<tr>
<td>2019年4月1日至2020年3月31日</td>
<td>0.06%</td>
<td>60</td>
</tr>
<tr>
<td>2020年4月1日至2021年3月31日</td>
<td>0.085%</td>
<td>80</td>
</tr>
<tr>
<td>2021年4月1日或之後</td>
<td>0.10%</td>
<td>100</td>
</tr>
</table>
<!-- <div class="table">
<div class="table-col">
<div class="table-col-item">
保單周年日或保單日期
</div>
<div class="table-col-item">
2018年1月1日至2019年3月31日
</div>
<div class="table-col-item">
2019年4月1日至2020年3月31日
</div>
<div class="table-col-item">
2020年4月1日至2021年3月31日
</div>
<div class="table-col-item">
2021年4月1日或之後
</div>
</div>
<div class="table-col">
<div class="table-col-item">
計算徵費率
</div>
<div class="table-col-item">
0.04%
</div>
<div class="table-col-item">
0.06%
</div>
<div class="table-col-item">
0.085
</div>
<div class="table-col-item">
0.10%
</div>
</div>
<div class="table-col">
<div class="table-col-item">
徵費上限 (HKD)
</div>
<div class="table-col-item">
40
</div>
<div class="table-col-item">
60
</div>
<div class="table-col-item">
80
</div>
<div class="table-col-item">
100
</div>
</div>
<div class="table-col">
<div class="table-col-item">
徵費上限 (HKD)
</div>
<div class="table-col-item">
40
</div>
<div class="table-col-item">
60
</div>
<div class="table-col-item">
80
</div>
<div class="table-col-item">
100
</div>
</div>
</div> -->
</div>
</div>
</div>
......