|
|
@@ -1,11 +1,11 @@
|
|
|
<template>
|
|
|
- <q-page
|
|
|
- ><div style="margion: 0 auto; min-height: 50px">
|
|
|
+ <q-page class="q-pt-lg q-pb-xl">
|
|
|
+ <div class="q-page-container q-ma-auto">
|
|
|
<div class="text-center text-h5">
|
|
|
- You need help from our customer serivce?
|
|
|
+ Need assistance from our customer service?
|
|
|
</div>
|
|
|
<div class="text-center text-h6 text-subtitle text-grey-13">
|
|
|
- Please send your demands to
|
|
|
+ Please send your inquiries to
|
|
|
</div>
|
|
|
<div class="text-center">
|
|
|
<a href="mailto:customerservice@hichinatrip.com"
|
|
|
@@ -13,10 +13,54 @@
|
|
|
>
|
|
|
</div>
|
|
|
<div class="text-center text-subtitle1">
|
|
|
- Our co-workers will will response ASAP
|
|
|
+ Our team will respond promptly.
|
|
|
+ </div>
|
|
|
+ <div class="row justify-center q-mt-md">
|
|
|
+ <div class="col-6 text-center">
|
|
|
+ <q-card
|
|
|
+ class="trip"
|
|
|
+ style="max-width: 300px; display: inline-block"
|
|
|
+ @click="
|
|
|
+ redirectToLink(
|
|
|
+ 'https://docs.qq.com/form/page/DSWdXS0d0REt3Y3FO#/fill'
|
|
|
+ )
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <q-card-section>
|
|
|
+ <q-img
|
|
|
+ src="https://assets.traveltriangle.com/blog/wp-content/uploads/2017/12/Travel-Plan.jpg"
|
|
|
+ alt="Image 1"
|
|
|
+ />
|
|
|
+ </q-card-section>
|
|
|
+ <q-card-section>
|
|
|
+ <div class="text-h6">Customize Your Trip</div>
|
|
|
+ <div>Personalize your journey.</div>
|
|
|
+ </q-card-section>
|
|
|
+ </q-card>
|
|
|
+ </div>
|
|
|
+ <div class="col-6 text-center">
|
|
|
+ <q-card
|
|
|
+ class="ticket"
|
|
|
+ style="max-width: 300px; display: inline-block"
|
|
|
+ >
|
|
|
+ <q-card-section>
|
|
|
+ <q-img
|
|
|
+ src="https://as1.ftcdn.net/v2/jpg/01/23/56/18/1000_F_123561829_C1XI8R9kugI01FEbDvaF5LmDpmaorH7u.jpg"
|
|
|
+ alt="Image 2"
|
|
|
+ />
|
|
|
+ </q-card-section>
|
|
|
+ <q-card-section>
|
|
|
+ <div class="text-h6">Book Flights</div>
|
|
|
+ <div>
|
|
|
+ This functionality is currently under maintenance and will be
|
|
|
+ available soon.
|
|
|
+ </div>
|
|
|
+ </q-card-section>
|
|
|
+ </q-card>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="text-center text-h5 text-grey-13">
|
|
|
- Also, add us on Wechat/WhatsAPP!
|
|
|
+ Connect with us on WeChat/WhatsApp!
|
|
|
</div>
|
|
|
<div class="text-center">
|
|
|
<q-img
|
|
|
@@ -31,6 +75,35 @@
|
|
|
|
|
|
<script>
|
|
|
export default {
|
|
|
- name: "ContactPage",
|
|
|
+ name: "ClickableCards",
|
|
|
+ methods: {
|
|
|
+ redirectToLink(link) {
|
|
|
+ window.open(link, "_blank");
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
+
|
|
|
+<style>
|
|
|
+.trip {
|
|
|
+ cursor: pointer;
|
|
|
+ width: 100%;
|
|
|
+ max-width: 350;
|
|
|
+ margin-bottom: 50px;
|
|
|
+ margin-top: 50px;
|
|
|
+ height: 300px;
|
|
|
+}
|
|
|
+
|
|
|
+.ticket {
|
|
|
+ width: 100%;
|
|
|
+ max-width: 350;
|
|
|
+ margin-bottom: 50px;
|
|
|
+ margin-top: 50px;
|
|
|
+ height: 300px;
|
|
|
+}
|
|
|
+
|
|
|
+.q-img {
|
|
|
+ max-width: 100%;
|
|
|
+ height: auto;
|
|
|
+}
|
|
|
+</style>
|
