54 lines
933 B
Vue
54 lines
933 B
Vue
|
<template>
|
||
|
|
<view>
|
||
|
|
<u-popup :show="visible" mode="right" custom-style="width:70vw">
|
||
|
|
<view class="card">
|
||
|
|
<slot />
|
||
|
|
</view>
|
||
|
|
<view class="footer flex-between">
|
||
|
|
<view style="flex: 1">
|
||
|
|
<u-button text="重置" @click="fnReset" />
|
||
|
|
</view>
|
||
|
|
<view style="flex: 1">
|
||
|
|
<u-button type="primary" text="搜索" @click="fnSearch" />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</u-popup>
|
||
|
|
|
||
|
|
<app-fab-button type="search" @click="visible = true" />
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import AppFabButton from '@/components/fabButton/index.vue';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: { AppFabButton },
|
||
|
|
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
visible: false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
fnReset() {
|
||
|
|
this.$emit('reset')
|
||
|
|
this.fnSearch();
|
||
|
|
},
|
||
|
|
fnSearch() {
|
||
|
|
this.$emit('search')
|
||
|
|
this.visible = false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.footer {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
</style>
|