自定义微信小程序tabBar组件上边框的颜色

背景:

在微信小程序的实际开发过程中,有时候我们需要修改微信小程序提供的 tabBar 组件顶部边框的颜色,以满足项目需求

此图像的alt属性为空;文件名为image-2.png

解决方案:

方式一:

通过tabBar组件自带的 borderStyle 属性来控制边框的颜色,将边框的颜色设置为白色,如下代码:

"borderStyle": "white",

全部代码:

app.json文件

   "tabBar": {
    "color": "#7B7E82",
    "selectedColor": "#333333",
    "borderStyle": "white",
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "images/home_default.png",
      "selectedIconPath": "images/home_select.png"
    },{
      "pagePath": "pages/index/index",
      "text": "服务预约",
      "iconPath": "images/service_default.png",
      "selectedIconPath": "images/service_select.png"
    },{
      "pagePath": "pages/cemetery/cemetery",
      

猜你喜欢

转载自blog.csdn.net/qq_35366269/article/details/107101583