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 @@ ...@@ -22,13 +22,45 @@
22 padding: 40px 0 42px; 22 padding: 40px 0 42px;
23 border-bottom: solid 2px #eaebeb; 23 border-bottom: solid 2px #eaebeb;
24 24
25 // 问题
25 .question { 26 .question {
26 font-weight: bold; 27 font-weight: bold;
27 } 28 }
28 29
30 // 答案
29 .answer { 31 .answer {
30 margin-top: 12px; 32 margin-top: 12px;
31 } 33 }
34
35 table {
36 width: 100%;
37 text-align: center;
38 margin: 24px auto;
39 border-collapse: collapse;
40
41 tr {
42 border-left: solid 2px #eaebeb;
43
44 th {
45 background-color: #eaebeb;
46 border-right: solid 2px #d7d9d9;
47
48 &:last-child {
49 border-right: solid 2px #eaebeb;
50 }
51 }
52
53 td {
54 border-bottom: solid 2px #eaebeb;
55 border-right: solid 2px #eaebeb;
56 }
57
58 th,
59 td {
60 padding: 12px 0;
61 }
62 }
63 }
32 } 64 }
33 65
34 &-item:lang(zh) { 66 &-item:lang(zh) {
......
...@@ -13,6 +13,108 @@ ...@@ -13,6 +13,108 @@
13 <div class="desc-item" v-for="item in 8" :key="item.id"> 13 <div class="desc-item" v-for="item in 8" :key="item.id">
14 <div class="question">{{ dataList[0].q }}</div> 14 <div class="question">{{ dataList[0].q }}</div>
15 <div class="answer">{{ dataList[0].a }}</div> 15 <div class="answer">{{ dataList[0].a }}</div>
16
17 <table >
18 <tr>
19 <th>保單周年日或保單日期</th>
20 <th>計算徵費率</th>
21 <th>徵費上限 (HKD)</th>
22 </tr>
23 <tr>
24 <td>2018年1月1日至2019年3月31日</td>
25 <td>$0.04%</td>
26 <td>40</td>
27 </tr>
28 <tr>
29 <td>2019年4月1日至2020年3月31日</td>
30 <td>0.06%</td>
31 <td>60</td>
32 </tr>
33 <tr>
34 <td>2020年4月1日至2021年3月31日</td>
35 <td>0.085%</td>
36 <td>80</td>
37 </tr>
38 <tr>
39 <td>2021年4月1日或之後</td>
40 <td>0.10%</td>
41 <td>100</td>
42 </tr>
43 </table>
44
45 <!-- <div class="table">
46 <div class="table-col">
47 <div class="table-col-item">
48 保單周年日或保單日期
49 </div>
50 <div class="table-col-item">
51 2018年1月1日至2019年3月31日
52 </div>
53 <div class="table-col-item">
54 2019年4月1日至2020年3月31日
55 </div>
56 <div class="table-col-item">
57 2020年4月1日至2021年3月31日
58 </div>
59 <div class="table-col-item">
60 2021年4月1日或之後
61 </div>
62 </div>
63
64 <div class="table-col">
65 <div class="table-col-item">
66 計算徵費率
67 </div>
68 <div class="table-col-item">
69 0.04%
70 </div>
71 <div class="table-col-item">
72 0.06%
73 </div>
74 <div class="table-col-item">
75 0.085
76 </div>
77 <div class="table-col-item">
78 0.10%
79 </div>
80 </div>
81
82 <div class="table-col">
83 <div class="table-col-item">
84 徵費上限 (HKD)
85 </div>
86 <div class="table-col-item">
87 40
88 </div>
89 <div class="table-col-item">
90 60
91 </div>
92 <div class="table-col-item">
93 80
94 </div>
95 <div class="table-col-item">
96 100
97 </div>
98 </div>
99
100 <div class="table-col">
101 <div class="table-col-item">
102 徵費上限 (HKD)
103 </div>
104 <div class="table-col-item">
105 40
106 </div>
107 <div class="table-col-item">
108 60
109 </div>
110 <div class="table-col-item">
111 80
112 </div>
113 <div class="table-col-item">
114 100
115 </div>
116 </div>
117 </div> -->
16 </div> 118 </div>
17 </div> 119 </div>
18 </div> 120 </div>
......