| | |
| | | <template> |
| | | <div class="drawer" :class="[show ? 'active':'none']" v-show="show"> |
| | | <div class="side-header"> |
| | | <div class="drawer" :style="[styleDrawer]" :class="[show ? 'active':'none']" v-show="show"> |
| | | <div v-if="isHeader" class="side-header"> |
| | | <div class="side-option flex-display flex-align-center flex-justify-between"> |
| | | <h2 class="title">{{ title }}</h2> |
| | | <CloseOutlined @click="close" /> |
| | |
| | | }, |
| | | title: { |
| | | type: String, |
| | | required: true |
| | | // required: true |
| | | }, |
| | | // 是否显示头部 |
| | | isHeader: { |
| | | type: Boolean, |
| | | default: true |
| | | }, |
| | | // 定位css |
| | | styleDrawer: { |
| | | type: Object, |
| | | default: () => ({ |
| | | top: 0 |
| | | }) |
| | | } |
| | | }) |
| | | const emits = defineEmits(['update:show']) |