moreMenus.js 文件引入
layui.config({
base: './js/'
}).extend({
moreMenus: 'moreMenus'
});
使用：
data 必填
rows (非必填) 設置從第幾行開始折疊 默認第一行
moreUpText （非必填）設置展開文字 默認顯示更多
moreDownText
（非必填） 設置折疊后的文字 默認顯示收起
href （非必填）設置點擊跳轉(zhuǎn)的地址 跳轉(zhuǎn)后默認參數(shù)id =
herfBlank (非必填) 設置跳轉(zhuǎn)的target 默認_self 可選_blank
themeColor (非必填) 顏色的肢體設置 red(赤色) 、orange(橙色) 、green(墨綠色（主色調(diào)）) 、cyan(藏青色) 、blue(藍色) 、black(黑色) 、gray(灰色)
size （非必填）大小設置 lg(大型) 、 sm(小型) 、 xs(迷你) 不填有默認
layui.use(['moreMenus'],function(){
var moreMenus = layui.moreMenus
moreMenus.init({
elemId:'#box-item',
data:data,
rows:1,
moreUpText:'更多',
moreDownText:'收起分類',
// href:'https://www.layui.com/',
herfBlank:true,
// themeColor:'black', // red(赤色) 、orange(橙色) 、green(墨綠色（主色調(diào)）) 、cyan(藏青色) 、blue(藍色) 、black(黑色) 、gray(灰色)
// size:'sm' //layui-btn-lg(大型) 、 layui-btn-sm(小型) 、 layui-btn-xs(迷你)
})
html 示例：
<body>
<div id="box-item"></div>
</body>
</html>
<script>
const data =[{ id: 1, name: '果樹' },
{ id: 2, name: '楊樹' },
{ id: 3, name: '蘋果' },
{ id: 4, name: '香蕉' },
{ id: 5, name: '芝麻蕉' },
{ id: 6, name: '酸菜' },
{ id: 7, name: '果樹' },
{ id: 8, name: '楊樹' },
{ id: 9, name: '楊梅' },
{ id: 10, name: '果汁' },
{ id: 11, name: '橄欖' },
{ id: 12, name: '鯽魚' },
{ id: 13, name: '奶牛' },
{ id: 15, name: '橄欖' },
{ id: 16, name: '木魚' },
{ id: 17, name: '水蛭' },
{ id: 18, name: '犀牛' }]
layui.config({
base: './js/'
}).extend({
moreMenus: 'moreMenus'
});
layui.use(['moreMenus'],function(){
var moreMenus = layui.moreMenus
moreMenus.init({
elemId:'#box-item',
data:data,
rows:1,
moreUpText:'更多',
moreDownText:'收起分類',
href:'https://www.layui.com/',
herfBlank:true,
themeColor:'black',
size:'sm'
})
});
</script>
