Update#134504 修改 [約訪中 - 新舊排序] 樣式

HelenHuang

2022-01-24 c7c826f8302134f6fcf4a583a392a55300463c4f

Update#134504 修改 [約訪中 - 新舊排序] 樣式

 PAMapp/pages/myAppointmentList/contactedList.vue

@@ -14,15 +14,18 @@
            ></i>
        </el-input>

        <div class="mb-10">
          <a class="sort-indicator text--primary text--underline cursor--pointer" @click="changeSortType">
        <div class="mb-10 sort-indicator-container">
          <a class="sort-indicator cursor--pointer" @click="changeSortType">
            {{ this.sortType === 'DESC' ? '新->舊' : '舊->新' }}
            <i v-if="isSortType" class="icon-sort-add"></i>
            <i v-else class="icon-sort-decrease"></i>
          </a>
        </div>

        <ClientList
            :clients="pageList"
            :title="'contactedList'"
            class="mt-10"
        ></ClientList>

        <UiPagination
@@ -123,5 +126,21 @@
      }
    }

    get isSortType () :boolean {
      return this.sortType === 'DESC';
    }

}
</script>
<style lang="scss" scoped>
.sort-indicator-container{
  margin-bottom: 20px;
}
.sort-indicator{
  border-radius:30px;
  border: 1px solid #D0D0CE;
  background-color:#fff;
  padding: 10px 20px;
  color: #68737A;
}
</style>