apicloud apicloud

注册
查看: 442|回复: 11

[模块store] NVTabBar的徽章数字大于100显示99+怎么设置的 已解决

驾校小白

UID:533288

主题:
2
帖子:
12
云币:
33

[模块store] NVTabBar的徽章数字大于100显示99+怎么设置的 已解决

442 11 | 发表于 2019-4-18 10:11:59 |阅读模式 | |
NVTabBar的徽章数字大于100显示99+怎么设置的

驾校小白

UID:533288

主题:
2
帖子:
12
云币:
33
 楼主| 发表于 2019-4-18 10:15:15 |
而且数字大于100的也就是三位数的时候数字换行了

版主

UID:546828

主题:
34
帖子:
4246
云币:
3041

圣诞节捣蛋鬼APICloud五岁啦

发表于 2019-4-18 10:21:48 |
判断大于100就setBadge的badge为99+

主题:
41
帖子:
9323
云币:
11605

社会摇圣诞节老司机你吃屎!首长好!我还是个孩子!托马斯全旋女朋友不想上班!装逼侠单身狗超人锤子侠SB侠我李白贼6APICloud大会专属勋章狗年旺旺旺足球狗捣蛋鬼儿童节快乐APICloud五岁啦

发表于 2019-4-18 10:33:06 |
  <div class="dots" id="dot" v-if="number>0&&number<=99">{{number}}</div>
            <div class="dots" id="dot" v-if="number>99">99+</div>


  window.ListVue = new Vue({
            el: "#footer",
            data: {
                // hideShow: 0,
                number: 0,



// 获取消息总数
    function fnNumber(num) {
        window.ListVue.number = num;
    }


vue写法
微信公众号、小程序、app、webapp、pc网页端项目合作点击QQ82201127

驾校小白

UID:533288

主题:
2
帖子:
12
云币:
33
 楼主| 发表于 2019-4-18 11:15:27 |
易大侠 发表于 2019-4-18 10:21
判断大于100就setBadge的badge为99+

而且数字大于100的也就是三位数的时候数字换行了

驾校小白

UID:533288

主题:
2
帖子:
12
云币:
33
 楼主| 发表于 2019-4-18 11:15:43 |
Mr.ZhouHeng 发表于 2019-4-18 10:33
{{number}}
            99+

而且数字大于100的也就是三位数的时候数字换行了

主题:
14
帖子:
439
云币:
513
发表于 2019-4-18 11:17:50 |
修改徽章的半径大小

主题:
41
帖子:
9323
云币:
11605

社会摇圣诞节老司机你吃屎!首长好!我还是个孩子!托马斯全旋女朋友不想上班!装逼侠单身狗超人锤子侠SB侠我李白贼6APICloud大会专属勋章狗年旺旺旺足球狗捣蛋鬼儿童节快乐APICloud五岁啦

发表于 2019-4-18 11:20:28 |
本帖最后由 Mr.ZhouHeng 于 2019-4-18 11:21 编辑
jianyoyo 发表于 2019-4-18 11:15
而且数字大于100的也就是三位数的时候数字换行了

没注意你使用的是模块  按照上楼说的方法去处理   因为99+已经比默认的大所以会产生换行   or  你把微章能够控制文字大小  你就设置文字小一些
微信公众号、小程序、app、webapp、pc网页端项目合作点击QQ82201127

驾校小白

UID:533288

主题:
2
帖子:
12
云币:
33
 楼主| 发表于 2019-4-22 20:04:13 |
易大侠 发表于 2019-4-18 10:21
判断大于100就setBadge的badge为99+

谢谢,刚开始还以为那个badge只能是数字呢

驾校小白

UID:533288

主题:
2
帖子:
12
云币:
33
 楼主| 发表于 2019-4-22 20:04:31 |
Mr.ZhouHeng 发表于 2019-4-18 10:33
{{number}}
            99+

谢谢,刚开始还以为那个badge只能是数字呢
12下一页
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表