faq.vue 2.71 KB

<template>
	<div class="container ">
		<div class="top-space"></div>
		<div class="title">
			常见问题
		</div>
		<div class="desc">
			<!-- <div class="desc-item" v-for="item in dataList" :key="item.id">
				<div class="question">{{ item.q }}</div>
				<div class="answer">{{ item.a }}</div>
			</div> -->
			<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>
</template>

<script src="./faq.js"></script>
<style lang="scss" scoped>
@import "./faq.scss";
</style>