小程序实例：小程序实现折叠菜单的效果（附代码）

发布日期： 2018-08-10 阅读量： 作者： 网络

本篇文章给大家带来的内容是关于小程序实例：小程序实现折叠菜单的效果（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

通常，菜单都有一级菜单二级、三级菜单之分，我们知道前端js的dom操作可以很好的控制二级菜单的显示与隐藏，当然今天我就不介绍web端的菜单折叠效果。我今天呢，是来学习学习小程序中该如何实现点击一级菜单显示/隐藏二级菜单，并且在点击一个菜单显示之外，要实现其他菜单隐藏。

实现效果如下：

代码如下：

.wxml文件

<view>
    <view>
        <view>
            <view>
                <image></image><text>{{item.cont}}</text>
            </view>
            <view>
                <text>{{item.discount}}</text><image></image>
            </view>
        </view>
        <view>
            <block>
                <view>
                    <view>
                        <navigator><text>{{items.price}}</text><text>{{items.oldPrice}}</text></navigator>
                        <navigator><text>{{items.validType}}</text><text>{{items.validTime}}</text></navigator>
                    </view>
                    <view>
                        <text>购买</text>
                    </view>
                </view>
            </block>
        </view>
    </view></view>

# 小程序

上一篇: golang框架的端到端测试实现

下一篇: PHP函数如何处理缺失参数

小程序实例：小程序实现折叠菜单的效果（附代码）

随便看看