| | |
| | | :size="size" |
| | | :visible.sync="drawerVisible" |
| | | :direction="'btt'" |
| | | @close="close" |
| | | class="cus_drawer" |
| | | @close="closeDrawer" |
| | | > |
| | | <div class="close" @click="drawerVisible = false"></div> |
| | | <slot></slot> |
| | |
| | | |
| | | @Component |
| | | export default class UiDialog extends Vue { |
| | | @PropSync('isVisible') drawerVisible!: boolean; |
| | | @Prop() size!: number; |
| | | @PropSync('isVisible') |
| | | drawerVisible!: boolean; |
| | | |
| | | @Emit('close') closeDrawer() { |
| | | @Prop() |
| | | size!: number; |
| | | |
| | | @Emit('closeDrawer') |
| | | closeDrawer() { |
| | | return; |
| | | } |
| | | |
| | | close() { |
| | | this.closeDrawer(); |
| | | } |
| | | } |
| | | </script> |
| | |
| | | border-radius: 10px; |
| | | margin: 10px auto 13px auto; |
| | | } |
| | | </style> |
| | | </style> |