8***@qq.com
8***@qq.com
  • 发布:2019-08-20 14:14
  • 更新:2022-02-14 09:59
  • 阅读:3196

uni-app tabbar如何在左侧显示?

分类:uni-app

平板项目,uni-app需要tabbar在左侧显示,如何实现?

2019-08-20 14:14 负责人:无 分享
已邀请:
h***@haomo-studio.com

h***@haomo-studio.com - 热爱技术的企业家

/ 左侧菜单样式开始 /
uni-tabbar, .uni-tabbar {
height: 100% !important;
width: 60px !important;
flex-wrap: wrap !important;
}

.uni-tabbar__item {
width: 100% !important;
flex-direction: row !important;
}

uni-tabbar .uni-tabbar__bd {
-webkit-flex-direction: column !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: column !important;
-webkit-flex-direction: column !important;
flex-direction: column !important;
}

uni-tabbar .uni-tabbar__label {
width: 60px !important;
}

uni-page-body {
padding-left: 60px !important;
}
/ 左侧菜单样式结束 /

  • 8***@qq.com (作者)

    运行到手机不生效的

    2019-09-18 20:56

1***@qq.com

1***@qq.com

我也碰到同样的问题,请问你解决了吗?

chj2333

chj2333

我也碰到同样的问题,请问你解决了吗?

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