通知菜单
效果
代码示例
js
<template>
<xs-notification :value="55" :max="50">
<template #default>
<xs-noticeList
@clickItem="handleItem"
@clickAction="handleAction"
:list="list"
:actions="actions"
></xs-noticeList>
</template>
</xs-notification>
<br />
<br />
<xs-notification :value="10" :max="50">1111</xs-notification><br />
<br />
<xs-notification :value="55" :max="50" :isDot="true"></xs-notification><br />
<br />
<xs-notification :value="55" :max="50" icon="ChatRound"></xs-notification>
</template>
<script setup lang="ts">
import { list, actions } from "./data.ts";
const handleItem = (val: any) => {
console.log(val);
};
const handleAction = (val: any) => {
console.log(val);
};
</script>
<style></style>