From 97d7650c08c0da22e1ccf6986d1a6cc5d58de7a2 Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期二, 26 十月 2021 11:44:31 +0800
Subject: [PATCH] TODO#129064 首頁-預約保險顧問 畫面刻版+layout 樣式調整
---
PAMapp/pages/index.vue | 63 +++++++++++++++++++++++++++----
1 files changed, 54 insertions(+), 9 deletions(-)
diff --git a/PAMapp/pages/index.vue b/PAMapp/pages/index.vue
index 75158e8..f369084 100644
--- a/PAMapp/pages/index.vue
+++ b/PAMapp/pages/index.vue
@@ -1,14 +1,23 @@
<template>
<div>
<Ui-Carousel></Ui-Carousel>
- <h5>���“���</h5>
- <el-button @click="routerPush('/recommendConsultant')">������</el-button>
- <el-button @click="routerPush('/quickFilter')">敹恍�祟�</el-button>
- <h5>���蝯⊥�</h5>
- <el-button @click="routerPush('/contactList/consultantList')">���憭�</el-button>
- <el-button @click="routerPush('/communication/consult')">隢株岷</el-button>
- <h5>��憿批��</h5>
- <Ui-Swiper :agents="agents"></Ui-Swiper>
+ <div class="content">
+ <h5 class="mdTxt mb-20">����憿批��</h5>
+ <el-button
+ class="reserveConsultantBtn"
+ @click="routerPush('/recommendConsultant')"
+ >������</el-button>
+ <el-button
+ class="reserveConsultantBtn"
+ @click="routerPush('/quickFilter')"
+ >敹恍�祟�</el-button>
+ <h5 class="mdTxt mb-20">���“���</h5>
+ <el-button @click="routerPush('/contactList/consultantList')">���憭�</el-button>
+ <el-button @click="routerPush('/communication/consult')">隢株岷</el-button>
+ <h5 class="mdTxt mb-20 mt-32">��靽憿批��</h5>
+ <Ui-Swiper :agents="agents"></Ui-Swiper>
+ </div>
+
</div>
</template>
@@ -40,4 +49,40 @@
}
}
-</script>
\ No newline at end of file
+</script>
+
+<style lang="scss" scoped>
+ .content {
+ padding: 0 20px;
+ }
+
+ .mb-20 {
+ margin: 0 0 20px 0;
+ }
+
+ .mt-32 {
+ margin-top: 32px;
+ }
+
+ .reserveConsultantBtn {
+ max-width: 340px;
+ width: 100%;
+ height: 110px;
+ border-radius: 10px;
+ box-shadow: 0px 0px 6px #22222229;
+ margin: 0 auto 17px auto;
+ font-size: 32px;
+ font-weight: 700;
+ color: #222222;
+
+ &:nth-child(3) {
+ margin-bottom: 42px;
+ }
+ }
+
+ .reserveConsultantBtn+.reserveConsultantBtn {
+ margin-left: 0px;
+ }
+
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.8.0