触点数字孪生,揭秘它的独特魅力
952
2022-10-12
微信小程序仿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
属性
属性名 | 类型 | 默认值 | 是否必须 | 说明 |
---|---|---|---|---|
isShow | Boolean | false | 是 | 控制组件的显示与隐藏 |
data | Array | [] | 是 | 组件的数据源 |
attr | String | label | 否 | 数组对应展示的属性值 |
icon | String | false | 否 | 展示icon图标地址 |
方法
方法名 | 属性 | 说明 |
---|---|---|
selected | e.detail | 选中事件 |
Tip: 组件采用position: fixed定位,需注意与页面其他元素的z-index层级,以及与原生组件的层级问题。原生组件限制查看
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。