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是什么单位
  • 热门搜索
    房屋产权证怎么办理 河南旅游团 艾纳机油怎么样 潍坊职业学院怎么样 如何炖鸡 廖排骨怎么样 国际奥委会总部设在哪里 u盘写保护怎么解除 痤疮疤痕怎么治疗 qq飞车怎么开永久雷诺