1404/11/04- first
This commit is contained in:
@@ -0,0 +1,43 @@
|
||||
<template>
|
||||
<div class="fixed py-5 shadow-lg top-0 right-0 left-0">
|
||||
<div class="flex items-center justify-center relative">
|
||||
<img :src="getConfigApp('avatar')" class="w10rem" />
|
||||
<BaseIcon
|
||||
icon="vuesax-linear:row-vertical"
|
||||
class="absolute p-3 right-0.5rem"
|
||||
@click="showDrawer"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<ADrawer
|
||||
title="Basic Drawer"
|
||||
:placement="placement"
|
||||
:closable="true"
|
||||
:visible="open"
|
||||
@close="onClose"
|
||||
>
|
||||
<p>Some contents...</p>
|
||||
<p>Some contents...</p>
|
||||
<p>Some contents...</p>
|
||||
</ADrawer>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import Logo from '@/assets/img/logo_full_.png'
|
||||
import type { DrawerProps } from 'ant-design-vue'
|
||||
import {useConfigStore} from "@/store/configStore";
|
||||
import {getConfigApp} from "@/utils/config";
|
||||
|
||||
const placement = ref<DrawerProps['placement']>('right')
|
||||
const open = ref<boolean>(false)
|
||||
|
||||
const showDrawer = () => {
|
||||
open.value = true
|
||||
}
|
||||
|
||||
const onClose = () => {
|
||||
open.value = false
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less"></style>
|
||||
Reference in New Issue
Block a user