微信小程序右上角三个点怎么控制?

　　微信小程序右上角三个点怎么控制?微信小程序右上角三个点就是微信小程序菜单，在接下来的内容中，小编会为各位亲们介绍微信小程序右上角三个点怎么控制哦!

　　微信小程序右上角三个点怎么控制?

　　微信小程序右上角三个点菜单思路与步骤：

　　布局方面，整体使用dl来写，二级包在dd中，用ul li来写;交互方面，点击某一级菜单，关闭兄弟子菜单，点击某子菜单关闭所有菜单。

　　1、使用dt做出第一级菜单。

　　2、使用dd嵌套第二级菜单，初始隐藏、position为absolute，使用z-index浮出页面层。

　　微信小程序右上角三个点控制的微信小程序代码如下：

　　/*总菜单容器*/

　　.menu {display: block;height: 38px;}

　　/*一级菜单*/

　　.menu dt {

　　font-size: 15px;float:left;width: 33%;height: 38px;border-right: 1px solid #d2d2d2;

　　border-bottom: 1px solid #d2d2d2; text-align: center;background-color: #f4f4f4; color: #5a5a5a;line-height: 38px;

　　}

　　/*二级菜单外部容器样式*/

　　.menu dd{ position: absolute;width: 100%;top:39px; left:0;z-index:999;}

　　/*二级菜单普通小程序样式*/

　　.menu li{

　　font-size: 14px; line-height: 34px;color: #575757;height: 34px;display: block;padding-left: 8px;

　　background-color: #fff;border-bottom: 1px solid #dbdbdb;

　　}

　　3、微信小程序右上角三个点怎么控制?接下来dt绑定点击事件tapMainMenu，flag控制显隐toggle，提供2个class,hidden与show，来控制显隐。注：dt也是可以bindTap的，不单是view。

　　/* 显示与隐藏 */

　　.show {

　　display: block;

　　}

　　.hidden {

　　display: none;

　　}

　　web前端开发.51xuediannao/

　　4、微信小程序右上角三个点怎么控制?首先要关闭所有一级菜单，每个一级菜单都有一个index标识，由tapMainMenu事件传递过去，与数组subMenuDisplay一一对应，当前元素subMenuDisplay[index]视原来状态决定是显示或隐藏。

　　5、选中二级菜单当前项，但给个系统icon及改变背景色，文本加粗，同样改变一级菜单标题，demo中给出一个弹窗

　　感谢各位亲们的观看，以上是小编整理的微信小程序右上角三个点怎么控制的内容哦，各位微信小程序用户们都清楚了吗?更多微信小程序知识尽在微小乔。大家要多多的关注微小乔。

　　怎么修改微信小程序按钮格式

　　小程序按钮点击样式功能介绍

　　小程序转发按钮有什么功能?