背景
无论是在小程序还是 h5 网页,折叠菜单,手风琴是一个非常常见的效果,如今也有很多现成的 UI 组件库已经实现了这一效果的,但有时候在写原生小程序时,单单就是一个折叠菜单效果,却要引入整个 UI...text-indent: 40rpx;
display: block;
}
.hidden-content {
// 主要利用的是display:none实现隐藏
display: none;
}
如下是折叠菜单逻辑代码...Page({
/**
* 页面的初始数据
*/
data: {
selected: [false, false, false, false, false], // // 这里表示列表项是否展开...,默认初始时此数组的元素全为fasle,表示都没展开
active: null, // 当前展开的项的index值
listDatas: [
{
list_name...this.data.selected[`${index}`],
active: index,
});
// 如果点击的不是当前展开的项,则关闭当前展开的项
// 这里就实现了点击一项