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是什么单位
  • 热门搜索
    c反应蛋白高是怎么回事 大括号怎么打 腰围怎么算 ppt模板怎么做 五行缺金怎么补 口水多是怎么回事 肚脐眼流水有臭味怎么回事 喜字怎么剪 怎么发面又松又软 显示器尺寸怎么算