u-badge徽标数使用详解和注意事项

 时间:2024-10-25 17:55:44

1、在移动端开发中,很多地方都会使用到badge,也称之为徽标数。uview组件给出的方法是<u-badge size="mini" type="success"></u-badge>。

u-badge徽标数使用详解和注意事项

2、但是在实际使用的时候,却没有按照预想的显示出来,这个数量的小图标是显示出来了,却没有显示在预想的位置。

u-badge徽标数使用详解和注意事项u-badge徽标数使用详解和注意事项

3、在实际使用<u-badge size="mini" type="success"></u-badge>的时候,需要在外面加上一个父组件,给父组件一个相对定位,当前组件一个绝对定位。

u-badge徽标数使用详解和注意事项u-badge徽标数使用详解和注意事项u-badge徽标数使用详解和注意事项

4、把定位加上之后,这个数字小图标就能按照预想的位置显示出来了。

u-badge徽标数使用详解和注意事项
  • 冒险与深渊如何领取七日签到奖励
  • 《打火机与公主裙》讲的什么故事
  • 华为手机换屏教程
  • 卫生间地面向上渗水怎么办
  • 0.15h是什么单位
  • 热门搜索
    英语否定句怎么改 qq个性签名大全霸气 橙光游戏大全 instagram怎么保存图片 纸飞机折法大全 班规大全 解梦大全原版 青虾的做法大全 太阳雨太阳能怎么样 袁隆平的简介