定义通知提示组件(AppNotification)

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

在项目里创建一个组件,放在 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 组件里的内容。

定义通知提示组件(AppNotification)《 Vue.js 项目实践:消息提示 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点