From 41daebaa3ffd0b99aac703208e4b6b2ec41c274e Mon Sep 17 00:00:00 2001
From: 劉鈞霖 <benson@gmail.com>
Date: 星期五, 19 十一月 2021 17:44:15 +0800
Subject: [PATCH] [ Update ] 修正可複選文案，將共用 css 先拉出，調整預約顧問 背景
---
PAMapp/components/QuickFilter/QuickFilterSelector.vue | 2 +-
PAMapp/layouts/default.vue | 2 +-
PAMapp/pages/agentInfo/_agentNo.vue | 6 ++++--
PAMapp/pages/questionnaire/_agentNo.vue | 10 ----------
PAMapp/pages/recommendConsultant/index.vue | 19 ++++---------------
PAMapp/assets/scss/utilities/_heading.scss | 11 +++++++++++
PAMapp/assets/scss/utilities/_utilities.scss | 3 +++
7 files changed, 24 insertions(+), 29 deletions(-)
diff --git a/PAMapp/assets/scss/utilities/_heading.scss b/PAMapp/assets/scss/utilities/_heading.scss
index f2d8076..f9adcba 100644
--- a/PAMapp/assets/scss/utilities/_heading.scss
+++ b/PAMapp/assets/scss/utilities/_heading.scss
@@ -85,3 +85,14 @@
.fix-chrome-click--issue{
-webkit-tap-highlight-color: transparent;
}
+.hint{
+ font-size: 16px;
+ color:$PRIMARY_RED;
+ font-weight: bold;
+ padding:0 10px;
+}
+.icon-information {
+ font-size: 18px;
+ color: $ORANGE;
+ cursor: pointer;
+}
\ No newline at end of file
diff --git a/PAMapp/assets/scss/utilities/_utilities.scss b/PAMapp/assets/scss/utilities/_utilities.scss
index d452ae1..afcf22e 100644
--- a/PAMapp/assets/scss/utilities/_utilities.scss
+++ b/PAMapp/assets/scss/utilities/_utilities.scss
@@ -62,6 +62,9 @@
.pr-5{
padding-right: 5px;
}
+.pl-5{
+ padding-left: 5px;
+}
.pl-10 {
padding-left: 10px;
}
diff --git a/PAMapp/components/QuickFilter/QuickFilterSelector.vue b/PAMapp/components/QuickFilter/QuickFilterSelector.vue
index a6d6924..b972c52 100644
--- a/PAMapp/components/QuickFilter/QuickFilterSelector.vue
+++ b/PAMapp/components/QuickFilter/QuickFilterSelector.vue
@@ -7,7 +7,7 @@
<span
class="smTxt_bold text--primary"
v-if="questionOption.name === 'communicationStyles'"
- >�銴</span>
+ >(�銴)</span>
<span
class="smTxt_bold text--primary"
v-if="questionOption.name === 'avgScore'"
diff --git a/PAMapp/layouts/default.vue b/PAMapp/layouts/default.vue
index 2b96e31..30649ce 100644
--- a/PAMapp/layouts/default.vue
+++ b/PAMapp/layouts/default.vue
@@ -14,7 +14,7 @@
</div>
<div
class="pam-container"
- :class="{containClassName, 'mt-navBar': bannerClassName === 'pam-no-banner'}"
+ :class="[containClassName,{'mt-navBar': bannerClassName === 'pam-no-banner'}]"
>
<Nuxt class="pam-page-container"></Nuxt>
</div>
diff --git a/PAMapp/pages/agentInfo/_agentNo.vue b/PAMapp/pages/agentInfo/_agentNo.vue
index 330f6c7..5b1b045 100644
--- a/PAMapp/pages/agentInfo/_agentNo.vue
+++ b/PAMapp/pages/agentInfo/_agentNo.vue
@@ -67,7 +67,7 @@
<div class="pam-field__title">
<i class="pam-icon icon-puzzle"
></i>���漲
- <i class="text--primary icon-information" @click="alertFieldInfo('suitability')"></i>
+ <i class="pl-5 text--primary icon-information" @click="alertFieldInfo('suitability')"></i>
</div>
</div>
<div class="xsTxt">
@@ -93,7 +93,7 @@
<div>
<div class="pam-field__title">
<i class="pam-icon icon-thumbs-up"
- ></i>隢株岷摨西”� <i class="text--primary icon-information" @click="alertFieldInfo('evaluation')"></i>
+ ></i>隢株岷摨西”� <i class="pl-5 text--primary icon-information" @click="alertFieldInfo('evaluation')"></i>
</div>
</div>
<div class="xsTxt">
@@ -268,6 +268,8 @@
.pam-field__title {
font-size: 16px;
font-weight: bold;
+ display: flex;
+ align-items: center;
}
}
}
diff --git a/PAMapp/pages/questionnaire/_agentNo.vue b/PAMapp/pages/questionnaire/_agentNo.vue
index d7efcd1..ee04ad7 100644
--- a/PAMapp/pages/questionnaire/_agentNo.vue
+++ b/PAMapp/pages/questionnaire/_agentNo.vue
@@ -583,16 +583,6 @@
}
}
-.hint {
- font-size: 16px;
- color: #ED1B2E;
- font-weight: bold;
- padding:0 10px;
-}
-.icon-information {
- font-size: 18px;
- color: $ORANGE;
-}
@include desktop {
.contactMax{
diff --git a/PAMapp/pages/recommendConsultant/index.vue b/PAMapp/pages/recommendConsultant/index.vue
index 4ee4d6a..ab41747 100644
--- a/PAMapp/pages/recommendConsultant/index.vue
+++ b/PAMapp/pages/recommendConsultant/index.vue
@@ -21,8 +21,9 @@
<div class="pb-10 mdTxt required">
�閬岷������
<span class="hint text--bold">
- <i class="icon-information text--bold fix-chrome-click--issue" @click="showDialog = true"></i>�銴
+ (�銴)
</span>
+ <i class="icon-information text--bold fix-chrome-click--issue" @click="showDialog = true"></i>
</div>
<MultiSelectBtn :mutiSelect.sync="strictQueryDto.requirements" :options="requirementOptions" class="rec-multi-select" />
</div>
@@ -38,7 +39,7 @@
<div class="pam-paragraph">
<div class="rec-popular">
<div class="pb-10 mdTxt">���瑼Ｙ揣</div>
- <div class="hint text--bold ml-10">�銴</div>
+ <div class="hint text--bold ml-10">(�銴)</div>
</div>
<div class="rec-pop-container">
<MultiSelectBtn :mutiSelect.sync="strictQueryDto.popularTags"
@@ -485,19 +486,7 @@
z-index: 5;
}
}
-
- .hint {
- font-size: 16px;
- color: #ED1B2E;
- font-weight: bold;
-
- .icon-information {
- padding: 0 5px;
- cursor: pointer;
- }
- }
-
-
+
.area-txt {
display: flex;
align-items: center;
--
Gitblit v1.8.0