mui 三行列表自动换行

mui 三行列表自动换行,第1张

P标签的class 换成mui-ellipsis-2,这个class是mui自带的方法,多行文本的溢出显示省略号

其中修改mui-ellipsis-2  里面的-webkit-line-clamp方法,可设置文本显示行数,默认2

1、折叠面板

折叠面板从二级列表中演化而来,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"

})

})

})


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11911265.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存