微信小程序仿iPhone通讯的自定义选择组件(苹果小组件如何自定义)

网友投稿 952 2022-10-12 10:07:03

微信小程序仿iPhone通讯的自定义选择组件(苹果小组件如何自定义)

微信小程序仿iPhone通讯的自定义选择组件(苹果小组件如何自定义)

select-view

微信小程序自定义选择组件

使用效果

安装

npm install --save select-view

微信小程序使用npm的教程

用法

在app.json全局引入设置:

{ "usingComponents": { "select-view": "select-view" }}

单页面 page.json 中添加 select-view 自定义组件配置

{ "usingComponents": { "select-view": "select-view" }}

WXML 文件中引用 select-view

属性

属性名类型默认值是否必须说明
isShowBooleanfalse控制组件的显示与隐藏
dataArray[]组件的数据源
attrStringlabel数组对应展示的属性值
iconStringfalse展示icon图标地址

方法

方法名属性说明
selectede.detail选中事件

Tip: 组件采用position: fixed定位,需注意与页面其他元素的z-index层级,以及与原生组件的层级问题。原生组件限制查看

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序+微信管理后台+微信用户前台
下一篇:Maven入门教程之如何在idea中配置Maven
相关文章