1***@qq.com
1***@qq.com
  • 发布:2021-08-22 23:46
  • 更新:2021-08-24 03:28
  • 阅读:790

想询问一下uniapp在顶部导航栏如何添加这种文字与icon一起的按钮

分类:uni-app

主要的问题就是想询问图上这两个按钮,
一个是文字和icon相结合的按钮,另外一个就是一个icon作为按钮的方式,
我看在pages.json里面titleview设置buttons就可以在左右位置添加文字button,
但是这两种button制作不出来,强行在文字样式后面添加:after图片样式到真机调试的时候icon还是会消失。

2021-08-22 23:46 负责人:无 分享
已邀请:
hws007

hws007 - 我就是我!

在pages.json下!就能全部实现,明天我再放上代码

  • f***@outlook.com

    看看代码

    2021-09-01 10:24

  • hws007

    回复 f***@outlook.com:

    "path": "pages/tabbar/tabbar-2/tabbar-2",

    "style": {

    "enablePullDownRefresh": true,

    "app-plus": {

    "scrollIndicator": "none",

    "bounce": "none",

    "titleNView": {

    "buttons": [{

    "text": "\ue562更多",

    "fontSize": 15,

    "fontSrc": "static/uni.ttf",

    "width": "60px"

    }, {

    "text": "\ue468新增",

    "fontSize": 15,

    "fontSrc": "static/uni.ttf",

    "width": "50px"

    }, {

    "text": "库存调整",

    "fontSize": 16,

    "width": "90px",

    "float": "left",

    "select": true

    }, {

    "text": "默认仓库",

    "fontSize": 16,

    "width": "85px",

    "float": "left",

    "select": true

    }]

    }

    }

    }

    }

    2021-09-22 20:31

该问题目前已经被锁定, 无法添加新回复