<!--
 * @Date: 2024-07-23 16:24:08
 * @LastEditors: hookehuyr hookehuyr@gmail.com
 * @LastEditTime: 2024-07-23 16:33:39
 * @FilePath: /temple_material_request/src/components/chooseMaterial/index.vue
 * @Description: 选择物资组件
-->
<template>
  <div class="choose-material-page">
    <van-popup
      v-model:show="showBottom"
      position="bottom"
      closeable
      @close="onClose"
      :style="{ height: '100%' }"
    ></van-popup>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'

import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, useTitle } from '@/utils/generatePackage.js'
//import { } from '@/utils/generateModules.js'
//import { } from '@/utils/generateIcons.js'
//import { } from '@/composables'
const $route = useRoute();
const $router = useRouter();
useTitle($route.meta.title);

const props = defineProps({
  show: Boolean,
});
const emit = defineEmits(['close']);

const showBottom = ref(false);

onMounted(() => {
});

// 监听字段变化
watch(
  () => props.show,
  (v) => {
    showBottom.value = v;
  }
);

const onClose = () => {
  emit('close');
}
</script>

<style lang="less" scoped>
.choose-material-page {}
</style>