Skip to content
On this page

通知菜单

效果






代码示例

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>

Released under the MIT License.