contact-us.vue 2.15 KB

<template>
	<div class="contact-us-container">
		<div class=" border">
			<div class="info">
				<div class="info-item">
					<div class="info-item-tit">
						<div class="icon-wrap">
							<img class="icon" src="@/assets/images/contact-us/icon-cs-service.png">
						</div>
						客戶服務中心
					</div>
					<div class="info-item-detail">
						<ul>
							<li>地址:香港尖沙嘴港威永金融大樓</li>
							<li>服務時間:星期壹至五9:00-18:00</li>
						</ul>
					</div>

				</div>

				<div class="info-item">
					<div class="info-item-tit">
						<div class="icon-wrap">
							<img class="icon" src="@/assets/images/contact-us/icon-cs-call.png">
						</div>
						客戶服務熱線
					</div>
					<div class="info-item-detail">
						<ul>
							<li>香港號碼:(852)2983 8866</li>
							<li>內地號碼:(86)40078 95511</li>
							<li>服務時間:星期壹至五9:00-18:00</li>
						</ul>
					</div>
				</div>

				<div class="info-item">
					<div class="info-item-tit">
						<div class="icon-wrap">
							<img class="icon" src="@/assets/images/contact-us/icon-cs-email.png">
						</div>
						客戶服務電郵
					</div>
					<div class="info-item-detail">
						<ul>
							<li>cs@pingan.com.hk</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 微信公众号 -->
			<div class="info info2">
				<div class="info-item">
					<div class="info-item-tit">
						<div class="icon-wrap">
							<img class="icon" src="@/assets/images/contact-us/icon-cs-wechat.png">
						</div>
						微信公眾號
					</div>
					<div class="info-item-detail">
						<ul>
							<li>登陸「微信」APP,按右上角的「+按鈕並選擇「添加朋友」選擇「公眾號」輸入並搜索「平安人壽香港」</li>
							<li>登陸「微信」APP,按右上角的「+」按鈕並選擇「掃壹掃」</li>
						</ul>
					</div>
				</div>
				<div class="qrcode-wrap">
					<img src="@/assets/images/contact-us/cs-qrcode.png">
					<div class="t1">官方公眾號</div>
				</div>
			</div>
		</div>

	</div>
</template>

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