小程序的 iview Weapp 组件库的使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序的 iview Weapp 组件库的使用相关的知识,希望对你有一定的参考价值。

参考技术A iview 这个 UI 框架想必大家都很熟了,这个搞 Vue 框架的基本素养。下面来看看小程序版的。

商城小程序必备的数字输入框。

在 .json 中引入组件

在 .wxml 中引入

下面是运行的效果,总的来看还是不错的。

还有个常用的动作面板。
从底部弹出的模态框,提供和当前场景相关的 2 个以上的操作动作,也支持提供标题和描述。内置固定的展示样式、不支持特别灵活的修改。

在 .json 中引入组件

在 .wxml 中引入组件

这个动作面板和微信小程序原生的动作面板有啥视觉的区别,一起来看看:

总的来讲 iview 还比较好看的。
更多用法去参考: https://weapp.iviewui.com/

另外有赞出品的 vant 框架小程序版,使用方法去看 小程序如何使用 npm 工具

以上是关于小程序的 iview Weapp 组件库的使用的主要内容,如果未能解决你的问题,请参考以下文章

iView Weapp微信小程序UI组件库中i-input的使用

微信小程序:使用iView Weapp 循环创建自定义的tabbar(图文并茂)

微信小程序:使用iView Weapp 循环创建自定义的tabbar(图文并茂)

Vant Weapp小程序蹲坑之使用toast组件

Vant Weapp小程序蹲坑之使用submit-bar组件

微信小程序,引用vant-weapp库,上传组件uploader,支持多选