[ Update ] 修正可複選文案，將共用 css 先拉出，調整預約顧問 背景

劉鈞霖

2021-11-19 41daebaa3ffd0b99aac703208e4b6b2ec41c274e

 PAMapp/pages/recommendConsultant/index.vue

@@ -12,17 +12,18 @@
        <i class="icon-down down-icon"></i>
      </div>
      <PopUpFrame :isOpen.sync="showAddress"
        :drawerSize="'45%'">
        <AddressPicker @close="showAddress = false"
          @change="area => strictQueryDto.area = area" />
        :drawerSize="'65%'">
        <AddressPicker
          @confirm="confirmAddress" />
      </PopUpFrame>
    </div>
    <div class="pam-paragraph">
      <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"
@@ -66,17 +67,17 @@
          </div>
        </div>
      </div>
      <div class="qa-dialog-footer mdTxt fix-chrome-click--issue"
        @click="showDialog = false">
        <p>我知道了</p>
      <div class="text--center mdTxt mt-30 mb-30">
        <el-button type="primary" @click="showDialog = false">我知道了</el-button>
      </div>
    </PopUpFrame>

    <PopUpFrame :isOpen.sync="isVisiblePopUp">
      <div class="text--center mdTxt">
            <p class="mb-50">尚無推薦資料</p>
            <p class="text--primary cursor--pointer fix-chrome-click--issue"
                @click="isVisiblePopUp = false">我知道了</p>
            <div class="text--center mdTxt">
              <el-button type="primary" @click="isVisiblePopUp = false">我知道了</el-button>
            </div>
        </div>
    </PopUpFrame>
  </div>
@@ -241,6 +242,12 @@
      const requirementLength = this.strictQueryDto.requirements.length;
      return !(area && requirementLength >0)
    }

    confirmAddress(area: string) {
      this.strictQueryDto.area = area;
      this.showAddress = false;
    }

  }
  enum Gender{
    MALE="male",
@@ -277,7 +284,7 @@
          width: 90px;
          padding: 10px;
        }
        

      }
    }

@@ -455,7 +462,7 @@
    width: 90px;
    height: 47px;
  }
  

  .el-progress__text {
    display: none;
  }
@@ -479,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;
@@ -549,7 +544,7 @@
      flex-wrap: wrap;
    }
  }
  

  }
}