更新记录
1.1.1(2023-02-09) 下载此版本
组件说明文档
开发目的
因为在公司的小程序,app项目中涉及到了模糊查询的需求,我翻看了uniapp插件市场中的此类插件,发现并无特别符合心意,于是自己就动手写了一个,没有什么动画样式,样式也比较丑,所以请自行修改成公司所用的ui样式,多多包涵,主要是提供一个思路而已,不管你用的是何种ui框架(uni-ui/uview/colorui)等等,都可按照此思路自己开发。
组件说明
props | show | list | labelName | valueName | noData | align | customStyle |
---|---|---|---|---|---|---|---|
参数值 | Boolean | Array | String(默认label) | String(默认value) | String | String | Object |
show:是否显示列表 list:后台模糊查询到的返回给前端的列表 示例:[{id:1,name:'hahah'}]; labelName:要展示的label值,默认label; valueName:项的value值,默认value; noData:后台返回空列表,无匹配内容所展示的内容 默认值(暂无匹配内容!); align:项的对齐方式 [left,center,right]三选一,默认left customStyle:项的自定义样式
注:强烈建议下载示例项目
1.1.0(2023-02-09) 下载此版本
全面更新
1.0.0(2021-10-27) 下载此版本
1.首次发布
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue | × | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | × | × | × | × | × |
组件说明文档
开发目的
因为在公司的小程序,app项目中涉及到了模糊查询的需求,我翻看了uniapp插件市场中的此类插件,发现并无特别符合心意,于是自己就动手写了一个,没有什么动画样式,样式也比较丑,所以请自行修改成公司所用的ui样式,多多包涵,主要是提供一个思路而已,不管你用的是何种ui框架(uni-ui/uview/colorui)等等,都可按照此思路自己开发。
组件说明
props | placeholder | list | label | noData |
---|---|---|---|---|
参数值 | String | Array | String(默认name) | String |
placeholder:无需多说,默认值(请输入内容); list:后台模糊查询到的返回给前端的列表 示例:[{id:1,name:'hahah'}]; lable:列表渲染时,需展示的字段,默认(name); noData:后台返回空列表,无匹配内容所展示的内容 默认值(暂无匹配内容!)
注:组件内部方法 open用来显示列表 close隐藏列表,需用ref方式调用;强烈建议下载示例项目