P标签的class 换成mui-ellipsis-2,这个class是mui自带的方法,多行文本的溢出显示省略号
其中修改mui-ellipsis-2 里面的-webkit-line-clamp方法,可设置文本显示行数,默认2
折叠面板从二级列表中演化而来,dom结构和二级列表类似,如下:
<ul class="mui-table-view">
<li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#">面板1</a>
<div class="mui-collapse-content">
<p>面板1子内容</p>
</div>
</li>
</ul>
可以在折叠面板中放置任何内容;折叠面板默认收缩,若希望某个面板默认展开,只需要在包含.mui-collapse类的li节点上,增加.mui-active类即可;mui官网中的方法说明,使用的就是折叠面板控件。
mui.init()mui.plusReady(function(){
//根据id 获取 点击的按钮,然后添加点击方法
document.getElementById("firtItem").addEventListener('tap',function(){
mui.openWindow({
url:'detail.html',
//后期可以根据id返回到对应页面
id:"newYeMian"
})
})
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)