From cf6ea209637f02e20ed658e8ee060ed8eacc81fd Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Mon, 01 Nov 2021 10:42:26 +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