在项目里创建一个组件,放在 src/app/notification 的下面,名字是 app-notification.vue ,在这个文件里创建一个组件,名字是 AppNotification。
在这个组件的包装元素上面添加一个类,名字是 app-notification ,然后直接在组件的 style 里面设计一下这个类的样式,.app-notification,用 position 把元素的定位设置成 fixed 。 bottom 是 64 像素,right 也是 64 像素。
使用
然后在应用的布局组件里可以用一下这个组件,打开 app-layout 组件,在组件里面导入 AppNotification,组件的位置是 @/app/notification/app-notification。
在组件的 components 里面添加一个 AppNotification 。然后在组件的模板里可以再用一下这个组件,放在所有 page 元素的最下面。添加一个 AppNotification。
预览
在浏览器上预览一下,你会发现,在页面的右下角这里会显示 AppNotification 组件里的内容。