介绍 {
,“pages":(
,,“视图/views"
,,“视图/导航器/navigator1/navigator1"
,,“视图/导航器/navigator2/navigator2"
,,“视图/导航器/navigator3/navigator3"
“才能页面/索引/index"
“才能页/logs/logs"
,),
,“window": {
“backgroundTextStyle"才能:“light"
“navigationBarBackgroundColor"才能:,“# fff"
“navigationBarTitleText"才能:,“脚本之家,下拉列表测试,,
“navigationBarTextStyle"才能:“black"
,}
} 页面({
,数据:{//才能,文本:“这是一个页面“
开放的才能:假的
},
,showitem:函数(){
,,this.setData ({
,,,,开放:this.data.open
,,})
},
,onLoad:功能(选项){//才能,页面初始化,选项为页面跳转所带来的参数
},
,onReady:函数(){//才能,页面渲染完成
},
,昂秀:函数(){//才能,页面显示
},
,onHide:函数(){//才能,页面隐藏
},
,onUnload:函数(){//才能,页面关闭
,}
}) & lt; view 类=皃age"比;
& lt;才能view 类=皃age_bd"比;
,,,& lt; view 类=癰ody_head", bindtap=皊howitem"在点击我显示下拉列表& lt;/view>
,,,& lt; navigator url=? ./视图/导航器/navigator1/navigator1"祝辞& lt; view 类=皗{开放? & # 39;display_show& # 39;: & # 39; display_none& # 39;}}“祝辞列表1 & lt;/view> & lt;/navigator>
,,,& lt; navigator url=? ./视图/导航器/navigator2/navigator2"祝辞& lt; view 类=皗{开放? & # 39;display_show& # 39;: & # 39; display_none& # 39;}}“祝辞列表2 & lt;/view> & lt;/navigator>
,,,& lt; navigator url=? ./视图/导航器/navigator3/navigator3"祝辞& lt; view 类=皗{开放? & # 39;display_show& # 39;: & # 39; display_none& # 39;}}“祝辞列表3 & lt;/view> & lt;/navigator>
& lt;才能/view>
& lt;/view> .page_bd {
,,填充:10 px;
,,背景颜色:雪;
}
.body_head {
边境才能:1 px 固体;
,,边框颜色:米色;
,,填充:10 px;
}
.display_show {
,,显示:块;
边境才能:1 px 固体;
,,边框颜色:米色;
,,填充:10 px;
}
.display_none {
,,显示:没有;
}
小编给大家分享一下微信小程序如何实现显示下拉列表功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
<强> 1,效果展示
<强> 2,关键代码
应用程序。json文件:
视图。js文件
视图。wxml文件
视图。wxs文件
以上是“微信小程序如何实现显示下拉列表功能”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
