5***@163.com
5***@163.com
  • 发布:2016-08-29 00:15
  • 更新:2017-06-16 08:49
  • 阅读:3594

mui 左侧选项卡定位不准

分类:MUI
mui

我尝试着做一个类似于点餐的页面。
按照 helloMUI 的教程做的 tabbar 滑动定位的页面,
结果发现,定位不准,是不是和我的 右侧的内容的数量有问题,
数量并不是都是大于20的,有些内容的数量很少。
我想问下 有什么方法 能解决吗?
我把我的项目打包了,可以参考附件 XZNJ.zip
在此谢谢 你们。

2016-08-29 00:15 负责人:无 分享
已邀请:
小马芸

小马芸

我在官网复制左侧的tab bar 左侧显示不出

小马芸

小马芸

<div class="mui-content mui-row mui-fullscreen">
<div class="mui-col-xs-3">
<div class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
<a href="#item1" class="mui-control-item mui-active">列表1</a>
<a href="#item2" class="mui-control-item">列表2</a>
<a href="#item3" class="mui-control-item">列表3</a>
</div>
</div>
<div class="mui-col-xs-9" style="border-left: 1px solid #c8c7cc;">
<div id="item1" class="mui-control-content mui-active">
<p>
内容1
</p>
</div>
<div id="item2" class="mui-control-content">
<p>
内容2
</p>
</div>
<div id="item3" class="mui-control-content">
<p>
内容3
</p>
</div>
</div>
</div>
为什么左侧不显示

  • n***@163.com

    这个问题我也遇到了,已经解决了,是因为mui的css里有一个.mui-segmented-control .mui-control-item{

    width: 1%;

    },1%的宽度当然看不到内容啦,改成100%就好了。

    2018-06-28 14:40

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