From 98161c912dbcc05179391b41792a0c41a22d4e92 Mon Sep 17 00:00:00 2001
From: 劉鈞霖 <benson@gmail.com>
Date: 星期二, 16 十一月 2021 18:06:34 +0800
Subject: [PATCH] [ Update ] 修正 chrome 開發者模式按下 有藍色背景的問題，修正 navbar 根據螢幕寬度進行改變和 fix 住
---
PAMapp/assets/scss/vendors/elementUI/_radio.scss | 5
PAMapp/pages/recommendConsultant/result.vue | 4
PAMapp/components/phoneContactTimePicker.vue | 2
PAMapp/assets/scss/vendors/elementUI/_checkbox.scss | 4
PAMapp/assets/scss/vendors/elementUI/_dropdown.scss | 6
PAMapp/components/Ui/UiAvatar.vue | 2
PAMapp/assets/scss/vendors/elementUI/_button.scss | 1
PAMapp/assets/scss/reset/_reset.scss | 1
PAMapp/components/BackActionBar.vue | 4
PAMapp/components/NavBar.vue | 312 ++++++++++++++++++++++----------------
PAMapp/components/QuickFilter/QuickFilterConsultantList.vue | 2
PAMapp/pages/agentInfo/_agentNo.vue | 2
PAMapp/assets/scss/_common.scss | 1
PAMapp/components/Consultant/ConsultantSwiper.vue | 3
PAMapp/pages/index.vue | 2
PAMapp/components/Client/ClientCard.vue | 4
PAMapp/pages/recommendConsultant/index.vue | 21 --
PAMapp/assets/scss/vendors/elementUI/_rate.scss | 36 +++-
PAMapp/assets/scss/utilities/_heading.scss | 4
PAMapp/components/Consultant/ConsultantList.vue | 4
PAMapp/layouts/home.vue | 12 +
PAMapp/assets/scss/_variable.scss | 3
PAMapp/components/multiSelectBtn.vue | 6
23 files changed, 257 insertions(+), 184 deletions(-)
diff --git a/PAMapp/assets/scss/_common.scss b/PAMapp/assets/scss/_common.scss
index c21ff5b..768bb07 100644
--- a/PAMapp/assets/scss/_common.scss
+++ b/PAMapp/assets/scss/_common.scss
@@ -46,6 +46,7 @@
height: 45px;
.cus-tab-item {
+ @extend .fix-chrome-click--issue;
width: 50%;
text-align: center;
font-size: 24px;
diff --git a/PAMapp/assets/scss/_variable.scss b/PAMapp/assets/scss/_variable.scss
index 2075b71..db3a0e4 100644
--- a/PAMapp/assets/scss/_variable.scss
+++ b/PAMapp/assets/scss/_variable.scss
@@ -18,3 +18,6 @@
// DEVICE BREAKPOINT
$DESKTOP_BREAKPOINT: 768px;
+
+$DESKTOP_NAV_BAR: 110px;
+$MOB_NAV_BAR: 53px;
diff --git a/PAMapp/assets/scss/reset/_reset.scss b/PAMapp/assets/scss/reset/_reset.scss
index 096d244..b68b6ca 100644
--- a/PAMapp/assets/scss/reset/_reset.scss
+++ b/PAMapp/assets/scss/reset/_reset.scss
@@ -1,5 +1,6 @@
* {
font-size: 18px;
+
}
/* http://meyerweb.com/eric/tools/css/reset/
diff --git a/PAMapp/assets/scss/utilities/_heading.scss b/PAMapp/assets/scss/utilities/_heading.scss
index 125460c..4dca836 100644
--- a/PAMapp/assets/scss/utilities/_heading.scss
+++ b/PAMapp/assets/scss/utilities/_heading.scss
@@ -78,4 +78,6 @@
.text--middle {
font-size: 20px;
}
-
+.fix-chrome-click--issue{
+ -webkit-tap-highlight-color: transparent;
+}
\ No newline at end of file
diff --git a/PAMapp/assets/scss/vendors/elementUI/_button.scss b/PAMapp/assets/scss/vendors/elementUI/_button.scss
index 0fb9868..fc7cf8f 100644
--- a/PAMapp/assets/scss/vendors/elementUI/_button.scss
+++ b/PAMapp/assets/scss/vendors/elementUI/_button.scss
@@ -2,6 +2,7 @@
border-width: 2px;
border-radius: 30px;
padding: 10px 20px;
+ @extend .fix-chrome-click--issue;
@extend .mdTxt;
&.el-button--default {
color: $PRIMARY_RED;
diff --git a/PAMapp/assets/scss/vendors/elementUI/_checkbox.scss b/PAMapp/assets/scss/vendors/elementUI/_checkbox.scss
index 9908a0d..a8acbb6 100644
--- a/PAMapp/assets/scss/vendors/elementUI/_checkbox.scss
+++ b/PAMapp/assets/scss/vendors/elementUI/_checkbox.scss
@@ -12,7 +12,7 @@
margin-right: 0px;
box-shadow: 0 0 6px #22222229;
border-radius: 10px;
-
+ -webkit-tap-highlight-color: transparent;
.el-checkbox__input {
display: none;
}
@@ -71,7 +71,7 @@
border-radius: 30px;
font-size: 20px;
margin: 0 10px 10px 0px;
-
+ -webkit-tap-highlight-color: transparent;
.el-checkbox__input {
display: none;
}
diff --git a/PAMapp/assets/scss/vendors/elementUI/_dropdown.scss b/PAMapp/assets/scss/vendors/elementUI/_dropdown.scss
index f947ceb..187f861 100644
--- a/PAMapp/assets/scss/vendors/elementUI/_dropdown.scss
+++ b/PAMapp/assets/scss/vendors/elementUI/_dropdown.scss
@@ -1,4 +1,5 @@
.pam-header__dropdown {
+ top:39px !important;
border-radius: 10px;
box-shadow: 0 3px 6px $LIGHT_GREY;
padding: 5px 26px 5px 20px;
@@ -22,3 +23,8 @@
}
}
}
+@include desktop{
+ .pam-header__dropdown {
+ top: 78px !important;
+ }
+}
\ No newline at end of file
diff --git a/PAMapp/assets/scss/vendors/elementUI/_radio.scss b/PAMapp/assets/scss/vendors/elementUI/_radio.scss
index f6d6cda..6741603 100644
--- a/PAMapp/assets/scss/vendors/elementUI/_radio.scss
+++ b/PAMapp/assets/scss/vendors/elementUI/_radio.scss
@@ -10,7 +10,7 @@
margin-right: 0px;
box-shadow: 0 0 6px #22222229;
border-radius: 10px;
-
+ @extend .fix-chrome-click--issue;
.el-radio__input {
display: none;
}
@@ -41,6 +41,7 @@
flex-direction: column;
font-size: 20px;
.el-radio-button {
+ @extend .fix-chrome-click--issue;
&.is-active {
color:$PRIMARY_BLACK;
background-color: none !important;
@@ -68,7 +69,7 @@
border-radius: 50px;
margin-right: 10px;
margin-bottom: 10px;
-
+ @extend .fix-chrome-click--issue;
.el-radio__input {
display: none;
}
diff --git a/PAMapp/assets/scss/vendors/elementUI/_rate.scss b/PAMapp/assets/scss/vendors/elementUI/_rate.scss
index 8e495ad..9fc41b3 100644
--- a/PAMapp/assets/scss/vendors/elementUI/_rate.scss
+++ b/PAMapp/assets/scss/vendors/elementUI/_rate.scss
@@ -1,15 +1,29 @@
.pam-quickFilter-rate {
- height: auto;
- margin-top: 30px;
- display: flex;
- justify-content: center;
+ height: auto;
+ margin-top: 30px;
+ display: flex;
+ justify-content: center;
- .el-rate__item {
- .el-rate__icon {
- font-size: 35px;
- }
- .el-icon-star-off {
- color: $PRIMARY_BLACK !important;
- }
+ .el-rate__item {
+ -webkit-tap-highlight-color: transparent;
+ .el-rate__icon {
+ font-size: 35px;
}
+
+ .el-icon-star-off {
+ color: $PRIMARY_BLACK !important;
+ }
+ }
+}
+.pam-consultant-rate{
+ .el-rate__item {
+ -webkit-tap-highlight-color: transparent;
+ .el-rate__icon {
+ font-size: 35px;
+ }
+
+ .el-icon-star-off {
+ color: $PRIMARY_BLACK !important;
+ }
+ }
}
\ No newline at end of file
diff --git a/PAMapp/components/BackActionBar.vue b/PAMapp/components/BackActionBar.vue
index 41c3cca..8ea8772 100644
--- a/PAMapp/components/BackActionBar.vue
+++ b/PAMapp/components/BackActionBar.vue
@@ -1,7 +1,7 @@
<template>
- <nav class="pam-back-action-bar">
+ <nav class="pam-back-action-bar fix-chrome-click--issue">
<a @click="$router.push('/')">
- <i class="icon-left"></i>{{ label }}
+ <i class="icon-left "></i>{{ label }}
</a>
</nav>
</template>
diff --git a/PAMapp/components/Client/ClientCard.vue b/PAMapp/components/Client/ClientCard.vue
index 398ef8e..2c00238 100644
--- a/PAMapp/components/Client/ClientCard.vue
+++ b/PAMapp/components/Client/ClientCard.vue
@@ -5,7 +5,7 @@
<el-avatar
:size="50"
src=""
- class="cursor--pointer"
+ class="cursor--pointer fix-chrome-click--issue"
></el-avatar>
<!-- <div class="satisfaction">
<i class="icon-star pam-icon icon--yellow satisfaction"></i>
@@ -30,7 +30,7 @@
</div>
</el-col>
<el-col class="flex-column contactInfo" :xs="5" :sm="6">
- <div class="smTxt_bold cursor--pointer"
+ <div class="smTxt_bold cursor--pointer fix-chrome-click--issue"
:class="client.communicateStatus"
@click="openDetail"
>{{isReserved ? '撌脤���' : '撌脰蝯�'}}
diff --git a/PAMapp/components/Consultant/ConsultantList.vue b/PAMapp/components/Consultant/ConsultantList.vue
index 3297855..18f7017 100644
--- a/PAMapp/components/Consultant/ConsultantList.vue
+++ b/PAMapp/components/Consultant/ConsultantList.vue
@@ -16,8 +16,8 @@
</template>
<template v-if="!isLogin">
<div class="emptyRowStyle">
- <div class="mdTxt login" @click="$router.push('/login')">��</div>
- <div class="smTxt txt">���憭�</div>
+ <div class="mdTxt login fix-chrome-click--issue" @click="$router.push('/login')">��</div>
+ <div class="smTxt txt ">���憭�</div>
</div>
</template>
</div>
diff --git a/PAMapp/components/Consultant/ConsultantSwiper.vue b/PAMapp/components/Consultant/ConsultantSwiper.vue
index ec5231d..01f0e45 100644
--- a/PAMapp/components/Consultant/ConsultantSwiper.vue
+++ b/PAMapp/components/Consultant/ConsultantSwiper.vue
@@ -5,7 +5,7 @@
class="swiperStyle"
@click-slide="clkItem"
>
- <swiper-slide
+ <swiper-slide class="fix-chrome-click--issue"
v-for="(agentInfo, index) in agents"
:key="index"
>
@@ -78,6 +78,7 @@
}
.swiper-button-next,.swiper-button-prev {
+ @extend .fix-chrome-click--issue;
background-color: $PRIMARY_WHITE;
top: 0px;
height: 100%;
diff --git a/PAMapp/components/NavBar.vue b/PAMapp/components/NavBar.vue
index 3dbaf28..02163a4 100644
--- a/PAMapp/components/NavBar.vue
+++ b/PAMapp/components/NavBar.vue
@@ -1,151 +1,193 @@
<template>
- <header class="pam-header">
- <img class="pam-header__logo" src="~/assets/images/logo.png" alt="" @click="$router.push('/')">
- <div class="pam-header__title">
- ���兢蝳��蜓
- <div class="pam-header__sub-title">
- �����兢蝳�風��
- </div>
- </div>
- <div class="pam-header__action-bar">
- <i class="icon-bell text--dark-blue cursor--pointer" @click="$router.push('/notification')"></i>
- <!-- <el-dropdown @command="handleCommand">
- <i class="icon-avatar text--dark-blue cursor--pointer"></i>
- <el-dropdown-menu slot="dropdown" class="pam-header__dropdown">
- <li class="pam-header__dropdown-item" @click="$router.push('/login')">��</li>
- <li class="pam-header__dropdown-item" @click="$router.push('/accountSetting')">�犖撣唾�身摰�</li>
- <li class="pam-header__dropdown-item" @click="$router.push('/record/contactRecord')">�������</li>
- <li class="pam-header__dropdown-item" @click="$router.push('/myConsultantList/consultantList')">���“���</li>
- <li class="pam-header__dropdown-item">��</li>
- <li class="pam-header__dropdown-item pam-header__dropdown-divider" @click="$router.push('/consultantLogin')">憿批��</li>
- </el-dropdown-menu>
- </el-dropdown> -->
-
- <el-dropdown>
- <i class="icon-avatar text--dark-blue cursor--pointer"></i>
- <el-dropdown-menu slot="dropdown" class="pam-header__dropdown">
- <template v-for="(navbarItem,index) in navBarList">
- <li class="pam-header__dropdown-item"
- :class="{'pam-header__dropdown-divider':navbarItem.title === '憿批��'}"
- v-if="navbarItem.needRole.includes(loginRole)"
- :key="index"
- @click="linkTo(navbarItem.link)">
- {{navbarItem.title}}
- </li>
- </template>
- </el-dropdown-menu>
- </el-dropdown>
- </div>
- </header>
+ <header class="pam-header">
+ <div class="pam-header__logo" @click="$router.push('/')"></div>
+ <div class="pam-header__title">
+ <div class="pam-header__title--main">���兢蝳��蜓</div>
+ <div class="pam-header__title--sub">�����兢蝳�風��</div>
+ </div>
+ <div class="pam-header__action-bar" style="position:relaitive">
+ <i class="icon-bell text--dark-blue cursor--pointer fix-chrome-click--issue"
+ @click="$router.push('/notification')"></i>
+ <el-dropdown>
+ <i class="icon-avatar text--dark-blue cursor--pointer fix-chrome-click--issue"></i>
+ <el-dropdown-menu slot="dropdown"
+ class="pam-header__dropdown">
+ <template v-for="(navbarItem,index) in navBarList">
+ <li class="pam-header__dropdown-item fix-chrome-click--issue "
+ :class="{'pam-header__dropdown-divider':navbarItem.title === '憿批��'}"
+ v-if="navbarItem.needRole.includes(loginRole)"
+ :key="index"
+ @click="linkTo(navbarItem.link)">
+ {{navbarItem.title}}
+ </li>
+ </template>
+ </el-dropdown-menu>
+ </el-dropdown>
+ </div>
+ </header>
</template>
<script lang="ts">
-import { Vue, Component } from 'vue-property-decorator';
-import * as _ from 'lodash';
-@Component
-export default class NavBar extends Vue {
- navBarList=[
- {
- needRole:[Role.NOT_LOGIN],
- link:'/login',
- title:'��',
- },
- {
- needRole:[Role.USER],
- link:'/accountSetting',
- title:'�犖撣唾�身摰�',
- },
- {
- needRole:[Role.ADMIN],
- link:'/notFinish',
- title:'���董�����',
- },
- {
- needRole:[Role.USER,Role.ADMIN],
- link:'/record/contactRecord',
- title:'�������',
- },
- {
- needRole:[Role.NOT_LOGIN,Role.USER],
- link:'/myConsultantList/consultantList',
- title:'���“���',
- },
- {
- needRole:[Role.USER,Role.ADMIN],
- link:'',
- title:'��',
- },
- {
- needRole:[Role.NOT_LOGIN,Role.USER],
- link:'/consultantLogin',
- title:'憿批��',
- },
- ];
- get idToken():string | null{
- return localStorage.getItem('id_token');
- }
- get roleOfState():string | null{
- return localStorage.getItem('roleOfState');
- }
- get loginRole():string{
- return this.roleOfState&&this.idToken ? this.roleOfState : Role.NOT_LOGIN;
- }
+ import { Vue, Component } from 'vue-property-decorator';
+ import * as _ from 'lodash';
+ @Component
+ export default class NavBar extends Vue {
+ navBarList = [{
+ needRole: [Role.NOT_LOGIN],
+ link: '/login',
+ title: '��',
+ },
+ {
+ needRole: [Role.USER],
+ link: '/accountSetting',
+ title: '�犖撣唾�身摰�',
+ },
+ {
+ needRole: [Role.ADMIN],
+ link: '/notFinish',
+ title: '���董�����',
+ },
+ {
+ needRole: [Role.USER, Role.ADMIN],
+ link: '/record/contactRecord',
+ title: '�������',
+ },
+ {
+ needRole: [Role.NOT_LOGIN, Role.USER],
+ link: '/myConsultantList/consultantList',
+ title: '���“���',
+ },
+ {
+ needRole: [Role.USER, Role.ADMIN],
+ link: '',
+ title: '��',
+ },
+ {
+ needRole: [Role.NOT_LOGIN],
+ link: '/consultantLogin',
+ title: '憿批��',
+ },
+ ];
+ get idToken(): string | null {
+ return localStorage.getItem('id_token');
+ }
+ get roleOfState(): string | null {
+ return localStorage.getItem('roleOfState');
+ }
+ get loginRole(): string {
+ return this.roleOfState && this.idToken ? this.roleOfState : Role.NOT_LOGIN;
+ }
- linkTo(routerLink:string):void{
- _.isEqual(routerLink,'') ? this.fakeLogout() :this.$router.push(routerLink);
- }
+ linkTo(routerLink: string): void {
+ _.isEqual(routerLink, '') ? this.fakeLogout() : this.$router.push(routerLink);
+ }
- // TODO: ��TP隤����� ���蝙�
- fakeLogout():void{
- localStorage.clear();
- this.$router.go(0);
+ // TODO: ��TP隤����� ���蝙�
+ fakeLogout(): void {
+ localStorage.clear();
+ this.$router.go(0);
+ }
}
-}
-export enum Role{
- USER='user',
- ADMIN='admin',
- NOT_LOGIN='',
-}
+ export enum Role {
+ USER = 'user',
+ ADMIN = 'admin',
+ NOT_LOGIN = '',
+ }
+
</script>
<style lang="scss" scoped>
-.pam-header {
- height: 53px;
- display: flex;
- align-items: center;
- .pam-header__logo {
- height: 100%;
- }
- .pam-header__title {
- flex: 1;
- margin: 10px 0;
- padding-left: 10px;
- border-left: 1px solid #CCCCCC;
- font-size: 16px;
- font-weight: bold;
- color: $PRUDENTIAL_GREY;
- letter-spacing: 3.6px;
- flex-basis: 140px;
- .pam-header__sub-title {
- padding-top: 2px;
- font-size: 13px;
- font-weight: bold;
- color: $CORAL;
- letter-spacing: 1.2px
- }
- }
- .pam-header__action-bar {
+ .pam-header {
+ position: fixed;
+ top: 0;
+ height: $MOB_NAV_BAR;
+ width: 100%;
display: flex;
- font-size: 24px;
- font-weight: bold;
- justify-content: space-around;
- i {
- padding: 0 15px;
- @media screen and (max-width: 320px) {
- padding: 0 5px;
+ align-items: center;
+ background-color: $PRIMARY_WHITE;
+ z-index: 3;
+
+ .pam-header__logo {
+ height: 30px;
+ width: 115px;
+ margin: 0 10px;
+ background-image: url('~/assets/images/taiwan-logo.png');
+ background-repeat:no-repeat;
+ background-size: contain;
+ background-position: center;
+ }
+ .pam-header__title {
+ flex: 1;
+ flex-basis: 160px;
+ border-left:1px #CCCCCC solid;
+ padding-left:10px;
+ .pam-header__title--main {
+ font-size: 16px;
+ font-weight: bold;
+ color: $PRUDENTIAL_GREY;
+ letter-spacing:0.8px;
+ @media screen and (max-width: 352px) {
+ font-size: 12px;
+ }
+ }
+ .pam-header__title--sub {
+ padding-top: 2px;
+ font-size: 12px;
+ transform: scale(0.9);
+ -webkit-transform-origin-x: 0;
+ font-weight: bold;
+ color: $CORAL;
+ letter-spacing: 1.2px;
+ }
+ }
+
+
+ .pam-header__action-bar {
+ display: flex;
+ font-size: 24px;
+ font-weight: bold;
+ justify-content: space-around;
+
+ i {
+ padding: 0px 15px;
+ @media screen and (max-width: 352px) {
+ padding: 0px 10px;
+ }
}
}
}
-}
+
+ @include desktop {
+ .pam-header {
+ height: $DESKTOP_NAV_BAR;
+ .pam-header__logo {
+ width: 180px;
+ height: 100%;
+ margin: 0;
+ background-image: url('~/assets/images/logo.png');
+ background-size: cover;
+ background-repeat:no-repeat;
+ background-position: center;
+ }
+ .pam-header__title {
+ display: flex;
+ justify-content: start;
+ align-items: center;
+ border: none;
+ padding-left: 30px;
+ .pam-header__title--main{
+ font-size: 30px;
+ letter-spacing: 1.5px;
+ }
+ .pam-header__title--sub{
+ font-size: 20px;
+ letter-spacing: 2px;
+ transform: none;
+ margin-left: 30px;
+ }
+ }
+ }
+ }
+
</style>
diff --git a/PAMapp/components/QuickFilter/QuickFilterConsultantList.vue b/PAMapp/components/QuickFilter/QuickFilterConsultantList.vue
index 390cba9..5549620 100644
--- a/PAMapp/components/QuickFilter/QuickFilterConsultantList.vue
+++ b/PAMapp/components/QuickFilter/QuickFilterConsultantList.vue
@@ -64,7 +64,7 @@
>
<div class="text--center mdTxt">
<p class="mb-50">{{popUpTxt}}</p>
- <p class="text--primary cursor--pointer"
+ <p class="text--primary cursor--pointer fix-chrome-click--issue"
@click="isVisiblePopUp = false">������</p>
</div>
</PopUpFrame>
diff --git a/PAMapp/components/Ui/UiAvatar.vue b/PAMapp/components/Ui/UiAvatar.vue
index b9a79d1..55a5763 100644
--- a/PAMapp/components/Ui/UiAvatar.vue
+++ b/PAMapp/components/Ui/UiAvatar.vue
@@ -2,7 +2,7 @@
<el-avatar
:size="size"
:src="imgSrc"
- class="pam-avatar cursor--pointer"
+ class="pam-avatar cursor--pointer fix-chrome-click--issue"
></el-avatar>
</template>
diff --git a/PAMapp/components/multiSelectBtn.vue b/PAMapp/components/multiSelectBtn.vue
index da017ba..2005a1f 100644
--- a/PAMapp/components/multiSelectBtn.vue
+++ b/PAMapp/components/multiSelectBtn.vue
@@ -8,16 +8,16 @@
{{option.title}}
</el-checkbox>
<template v-if="nameOfSelectAll">
- <button class="pam-selectAll-btn cursor--pointer" :class="{'selected':isSelectAll}" :model="isSelectAll" @click="selectAll">
+ <button class="pam-selectAll-btn cursor--pointer fix-chrome-click--issue" :class="{'selected':isSelectAll}" :model="isSelectAll" @click="selectAll">
<span>{{nameOfSelectAll}}</span>
</button>
</template>
<template v-if="nameOfOtherOption">
- <button class="pam-selectAll-btn cursor--pointer" :class="{'selected':isSelectOtherOption}" :model="isSelectOtherOption" @click="selectOther">
+ <button class="pam-selectAll-btn cursor--pointer fix-chrome-click--issue" :class="{'selected':isSelectOtherOption}" :model="isSelectOtherOption" @click="selectOther">
<span>{{nameOfOtherOption}}</span>
</button>
<div>
- <input class="pam-muti-select-other cursor--pointer" v-if="isSelectOtherOption" v-model="syncOtherSelect" placeholder="隢撓�,���20摮�">
+ <input class="pam-muti-select-other cursor--pointer " v-if="isSelectOtherOption" v-model="syncOtherSelect" placeholder="隢撓�,���20摮�">
</div>
</template>
</el-checkbox-group>
diff --git a/PAMapp/components/phoneContactTimePicker.vue b/PAMapp/components/phoneContactTimePicker.vue
index b0415f4..fffa621 100644
--- a/PAMapp/components/phoneContactTimePicker.vue
+++ b/PAMapp/components/phoneContactTimePicker.vue
@@ -4,7 +4,7 @@
<div>
<div class="mt-10" v-for="(scheduleDto,index) in syncScheduleList" :key="index">
<div class="mdTxt">{{titleFormatByIndex(index)}}</div>
- <div class="pam-contact-schedule cursor--pointer" @click="openPopUp(scheduleDto,index)">
+ <div class="pam-contact-schedule cursor--pointer fix-chrome-click--issue" @click="openPopUp(scheduleDto,index)">
<div class="pam-contact-schedule__text">
<template v-if="checkFormHasDone(scheduleDto)">
<p>{{optionsFormat(scheduleDto.selectWeekOptions,weekOptions)}}</p>
diff --git a/PAMapp/layouts/home.vue b/PAMapp/layouts/home.vue
index 8d73078..509d1ee 100644
--- a/PAMapp/layouts/home.vue
+++ b/PAMapp/layouts/home.vue
@@ -5,9 +5,21 @@
<Footer></Footer>
</div>
</template>
+<script lang="ts">
+ import { Component ,Vue } from "nuxt-property-decorator";
+ @Component
+ export default class DefaultLayout extends Vue {
+ }
+</script>
<style lang="scss" scoped>
.pam-background {
background-color: #F8F9FA;
+ padding-top:$MOB_NAV_BAR;
+ }
+ @include desktop{
+ .pam-background {
+ padding-top:$DESKTOP_NAV_BAR;
+ }
}
</style>
\ No newline at end of file
diff --git a/PAMapp/pages/agentInfo/_agentNo.vue b/PAMapp/pages/agentInfo/_agentNo.vue
index 0a96946..d0b57af 100644
--- a/PAMapp/pages/agentInfo/_agentNo.vue
+++ b/PAMapp/pages/agentInfo/_agentNo.vue
@@ -153,7 +153,7 @@
>
<div class="text--center mdTxt">
<p class="mb-50">{{popUpTxt}}</p>
- <p class="text--primary cursor--pointer"
+ <p class="text--primary cursor--pointer fix-chrome-click--issue"
@click="isVisiblePopUp = false">������</p>
</div>
</PopUpFrame>
diff --git a/PAMapp/pages/index.vue b/PAMapp/pages/index.vue
index a77e07b..2e16f5c 100644
--- a/PAMapp/pages/index.vue
+++ b/PAMapp/pages/index.vue
@@ -22,7 +22,7 @@
</el-col>
<el-col
:span="8"
- class="mdTxt readMore"
+ class="mdTxt readMore fix-chrome-click--issue"
v-if="consultantList.length > 3"
@click.native="routerPush('/myConsultantList/consultantList')">���憭�</el-col>
</el-row>
diff --git a/PAMapp/pages/recommendConsultant/index.vue b/PAMapp/pages/recommendConsultant/index.vue
index 3f6a144..6fb0481 100644
--- a/PAMapp/pages/recommendConsultant/index.vue
+++ b/PAMapp/pages/recommendConsultant/index.vue
@@ -21,7 +21,7 @@
<div class="pb-10 mdTxt required">
�閬岷������
<span class="hint text--bold">
- <i class="icon-information text--bold" @click="showDialog = true"></i>�銴
+ <i class="icon-information text--bold fix-chrome-click--issue" @click="showDialog = true"></i>�銴
</span>
</div>
<MultiSelectBtn :mutiSelect.sync="strictQueryDto.requirements" :options="requirementOptions" class="rec-multi-select" />
@@ -30,11 +30,9 @@
<div class="pb-10 mdTxt">憿批�僑鞈�</div>
<SingleSelectBtn :singleSelected.sync="strictQueryDto.seniority" :options="seniorityOptions"/>
</div>
- <div class="rate-consultant pam-paragraph">
+ <div class="pam-paragraph">
<div class="pb-10 mdTxt">靽憿批�遛��漲</div>
- <el-rate v-model="strictQueryDto.avgScore"
- :colors="elRateColors"
- class="rate">
+ <el-rate class="pam-consultant-rate" v-model="strictQueryDto.avgScore">
</el-rate>
</div>
<div class="pam-paragraph">
@@ -77,11 +75,10 @@
<PopUpFrame :isOpen.sync="isVisiblePopUp">
<div class="text--center mdTxt">
<p class="mb-50">撠��鞈��</p>
- <p class="text--primary cursor--pointer"
+ <p class="text--primary cursor--pointer fix-chrome-click--issue"
@click="isVisiblePopUp = false">������</p>
</div>
</PopUpFrame>
-
</div>
</template>
<script lang="ts">
@@ -225,7 +222,6 @@
];
showDialog = false;
showAddress = false;
- elRateColors = ['#ED1B2E', '#ED1B2E', '#ED1B2E'];
@Mutation updateStrictQueryList!: (data: any) => void;
@@ -459,14 +455,7 @@
width: 90px;
height: 47px;
}
-
- .rate-consultant {
-
- .el-rate__icon {
- font-size: 35px
- }
- }
-
+
.el-progress__text {
display: none;
}
diff --git a/PAMapp/pages/recommendConsultant/result.vue b/PAMapp/pages/recommendConsultant/result.vue
index 98f9c98..a3f44e8 100644
--- a/PAMapp/pages/recommendConsultant/result.vue
+++ b/PAMapp/pages/recommendConsultant/result.vue
@@ -11,7 +11,7 @@
<div class="pam-rec-agent-card__main-info">
<div class="fz-20 pt-10 rec-desktop-name">{{ info.name }}</div>
<div class="rec-role">{{ info.role }}</div>
- <span class="rec-detail" @click="showAgentDetail(info.agentNo)">閰喟敦鞈��</span>
+ <span class="rec-detail fix-chrome-click--issue" @click="showAgentDetail(info.agentNo)">閰喟敦鞈��</span>
</div>
</div>
<div class="pam-rec-agent-card__content-body">
@@ -69,7 +69,7 @@
>
<div class="text--center mdTxt">
<p class="mb-50">{{popUpTxt}}</p>
- <p class="text--primary cursor--pointer"
+ <p class="text--primary cursor--pointer fix-chrome-click--issue"
@click="isVisiblePopUp = false">������</p>
</div>
</PopUpFrame>
--
Gitblit v1.8.0