update
This commit is contained in:
38
src/components/XFilter.vue
Normal file
38
src/components/XFilter.vue
Normal file
@@ -0,0 +1,38 @@
|
||||
<script setup>
|
||||
const visible = defineModel('visible');
|
||||
const model = defineModel('model');
|
||||
const emits = defineEmits(['success']);
|
||||
|
||||
const init = () => {
|
||||
Object.keys(model.value).forEach(key => {
|
||||
model.value[key] = null;
|
||||
});
|
||||
success();
|
||||
}
|
||||
|
||||
const success = () => {
|
||||
visible.value = false;
|
||||
emits('success');
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<tui-drawer
|
||||
mode="top"
|
||||
maskZIndex="999"
|
||||
zIndex="999"
|
||||
@close="visible=false"
|
||||
:visible="visible">
|
||||
<view class="!pt-[100rpx] !p-[32rpx]">
|
||||
<slot></slot>
|
||||
<view class="!flex gap-[24rpx] !mt-[24rpx]">
|
||||
<tui-button height="88rpx" plain @click="init">重置</tui-button>
|
||||
<tui-button height="88rpx" @click="success">确定</tui-button>
|
||||
</view>
|
||||
</view>
|
||||
</tui-drawer>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user