微信下拉小程序搜索栏怎么隐藏

微信下拉小程序搜索栏怎么隐藏,第1张

可以在设置中的“发现页管理”删除小程序

1.打开手机桌面上的微信,点击底部菜单右下角的“我”。

2.在此页面中我们点击“设置”。

3.之后我们点击打开“通用”设置。

4.我们在这一页面中点击“发现页管理”。

5.最后我们把“小程序”按钮关闭即可。

6.在首页下拉展示最近使用过的小程序。

7.我们长按小程序点击删除的选项删除即可。

写小程序时候,经常遇到使用下拉框选项,不过每次都手写很麻烦,所有我就发一个例子吧,因为我包在其他模块中,所有样式不知道有没有复制全,大家见谅!

·

每一个值的高度等你们可以随意设置,看个人喜好。

这个原理很简单,首先准备一些标签,准备一张图片(展开与折叠用),数据绑定就不说了。

设置变量:selectShow, 控制下拉框列表是否显示隐藏,我设置的是高度,显示就设置高度,不显示就设置为0; index,设置显示第几个数据,默认可以设置为0,根据需求; selectData,你要选择的数据组[];

当点击三角时候,设置下拉框option选项显示(高度)。当点击选项值的时候,设置全局变量的下标值,标签中会根据下标在数组中选中,绑定数据显示, 然后设置下拉框option选项不显示(高度0)。

option总高度设置,根据你有多少选项以及selectShow值是否显示,我设置的是小于5个时候默认高度325rpx,超过五个时候,选项组length 每一个50rpx,

height:{{selectShow?(selectData.length>5?325:selectData.length 50):0}}rpx

这个是写的一个样式,我的图片是倒三角,当展开时候,添加一个样式,rotate180度。

class='select_img {{selectShow&&"select_img_rotate"}}' src='../../images/b2.png'

这个是我的选项内容是一组数组,所有我循环出来,顺便绑定一个数据到标签中data-index,也就是这个值在数组中的下标,点击时候获取方便用。然后添加一个事件catchtap='optionTap'。

wx:for='{{selectData}}' wx:key='this' data-index='{{index}}' catchtap='optionTap'

wxss样式:

不解释,,看设计需求写样式。不过大多通用。

写程序时候,很多地方会用到时间选项,送大家一个函数。获取一天时间分割数组。["00:00","00:05","00:10"....]参数minute ,设置隔几分钟分割。时间格式你们可以自己改。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12198993.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存