[ Update ] 修正 chrome 開發者模式按下 有藍色背景的問題，修正 navbar 根據螢幕寬度進行改變和 fix 住

劉鈞霖

2021-11-16 98161c912dbcc05179391b41792a0c41a22d4e92

 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;
  }