46 lines
974 B
Vue
46 lines
974 B
Vue
<template>
|
|
<my-mask :show="modelValue">
|
|
<view class="bg-fff content">
|
|
<view class="u-flex u-row-between u-p-30">
|
|
<view>选择分类</view>
|
|
<view>
|
|
<uni-icons @click="changeShow" type="closeempty"></uni-icons>
|
|
</view>
|
|
</view>
|
|
<scroll-view scroll-y="true" style="height: 70vh;">
|
|
|
|
</scroll-view>
|
|
<view class="u-flex u-row-between gap-20 u-p-30">
|
|
<view class="u-flex-1">
|
|
<my-button type="cancel" @tap="changeShow">取消</my-button>
|
|
</view>
|
|
<view class="u-flex-1">
|
|
<my-button>确定</my-button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</my-mask>
|
|
</template>
|
|
|
|
<script setup>
|
|
const props=defineProps({
|
|
modelValue:{
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
})
|
|
const emits=defineEmits(['update:modelValue'])
|
|
function changeShow(isShow){
|
|
const show=isShow?true:false
|
|
emits('update:modelValue',show)
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.content{
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
</style> |