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>