数字角标_Uniapp Vue3 基础到实战-CSDN在线视频培训

课时介绍

明白如何使用uni-badge组件在页面上显示数字角标。这通常应用在未读消息提示中，例如未读消息数量为0时，即使角标上的数值置为0，角标也会依旧存在并显示为0。
学会如何通过修改uni-badge组件的属性来控制角标的显示内容和样式。包括type（用于指定徽标类型，如error）、absolute（是否绝对定位）、offset（角标的偏移位置）、max（最大显示的数字），以及value（需要显示的数值）。
理解当文本超过最大数(max-num)时，badge的宽度不再是根据文本的长度来计算，而是会通过CSS来计算实际的展示宽度。

课程介绍

Uniapp是一个使用 Vue.js 开发所有前端应用的框架，编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。我将从基础到开始视频讲解，Vue 2 支持将于 2023 年 12 月 31 日结束，所以将教学Vue 3，每个课程都有示例并且扩展。