From e536a1c437b97a6164d758e29fcd5b2c5b8de428 Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Tue, 02 Nov 2021 17:09:59 +0800 Subject: [PATCH] 优化表格显示 --- forms/datePicker/CDateRangeAction.vue | 15 +++++++++------ 1 files changed, 9 insertions(+), 6 deletions(-) diff --git a/forms/datePicker/CDateRangeAction.vue b/forms/datePicker/CDateRangeAction.vue index 3ad0181..95cbf9d 100644 --- a/forms/datePicker/CDateRangeAction.vue +++ b/forms/datePicker/CDateRangeAction.vue @@ -15,12 +15,11 @@ class="c-data-range-float" ref="floadLayer" > - <AtDrawer + <CDrawer class="c-data-range-drawer" - ref="floatDrawer" - mask + direction="top" :show="drawerShow" - :onClose="evt => drawerShow=false" + :onClose="evt => handleClose()" > <view class="title"> <view v-if="placeholder">{{placeholder}}</view> @@ -61,7 +60,7 @@ :circle="false" :onClick="evt => handleFinish()" >确定</AtButton> - </AtDrawer> + </CDrawer> </view> </view> </template> @@ -70,6 +69,7 @@ import Taro from '@tarojs/taro'; import { $ } from '@tarojs/extend'; import { AtDrawer, AtButton } from 'taro-ui-vue'; +import { CDrawer } from '@components/layout/drawer'; import './cDateRangeAction.scss'; export default { @@ -77,6 +77,7 @@ components: { AtDrawer, AtButton, + CDrawer, }, props: { // 项值 @@ -100,6 +101,9 @@ const curDates = (this.value || ',').split(','); this.startDate = curDates[0]; this.endDate = curDates[1]; + }, + handleClose() { + this.drawerShow = false; }, handleStartDateChange(date) { if (date && this.endDate) { @@ -146,7 +150,6 @@ const $cFilter = $(this.$refs.floadLayer).parents('.c-filter'); if ($cFilter.length > 0) { $cFilter.eq(0).after(this.$refs.floadLayer); - $cFilter.parent().css('transform', 'translate(0,0)'); } }, }; -- Gitblit v1.9.1