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

小程序的 iview Weapp 组件库的使用,第1张

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

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

在 .json 中引入组件

在 .wxml 中引入

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

还有个常用的动作面板。

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

在 .json 中引入组件

在 .wxml 中引入组件

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

总的来讲 iview 还比较好看的。

更多用法去参考: https://weapp.iviewui.com/

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

安装iview

注:想要加入其它的配置,可以在 nuxt.config.js 的 plugins 配置项中加入,同时在 plugins 文件夹下加入引入逻辑。

在nuxt.config.js文件中握乎写:

同时新建 plugins/iview.js文件 (如果引入的段拿悉是elementUI,则新建敏棚plugins/element-ui.js文件)

在plugins/iview.js文件中写:


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

原文地址:https://54852.com/yw/12282393.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存