| | |
| | | </span> |
| | | </div> |
| | | </template> |
| | | <script lang="ts"> |
| | | import { defineComponent } from 'vue'; |
| | | import { BasicTitle } from '/@/components/Basic'; |
| | | <script lang="ts" setup> |
| | | import { BasicTitle } from '@/components/Basic'; |
| | | import { ArrowLeftOutlined } from '@ant-design/icons-vue'; |
| | | import { useDesign } from '@/hooks/web/useDesign'; |
| | | import { propTypes } from '@/utils/propTypes'; |
| | | |
| | | import { useDesign } from '/@/hooks/web/useDesign'; |
| | | defineOptions({ name: 'BasicDrawerHeader' }); |
| | | |
| | | import { propTypes } from '/@/utils/propTypes'; |
| | | |
| | | export default defineComponent({ |
| | | name: 'BasicDrawerHeader', |
| | | components: { BasicTitle, ArrowLeftOutlined }, |
| | | props: { |
| | | isDetail: propTypes.bool, |
| | | showDetailBack: propTypes.bool, |
| | | title: propTypes.string, |
| | | }, |
| | | emits: ['close'], |
| | | setup(_, { emit }) { |
| | | const { prefixCls } = useDesign('basic-drawer-header'); |
| | | |
| | | function handleClose() { |
| | | emit('close'); |
| | | } |
| | | |
| | | return { prefixCls, handleClose }; |
| | | }, |
| | | defineProps({ |
| | | isDetail: propTypes.bool, |
| | | showDetailBack: propTypes.bool, |
| | | title: propTypes.string, |
| | | }); |
| | | |
| | | const emit = defineEmits(['close']); |
| | | |
| | | const { prefixCls } = useDesign('basic-drawer-header'); |
| | | |
| | | function handleClose() { |
| | | emit('close'); |
| | | } |
| | | </script> |
| | | |
| | | <style lang="less"> |