微信小程序引入外部组件 iView Weapp

本文详细介绍了如何在微信小程序中使用iViewWeapp组件库,包括下载组件库、配置工程、在页面中引入及使用组件的具体步骤。同时提供了相关官方文档链接,方便读者进一步学习。

iview Weapp组件的使用方法:

1. 下载小程序组件库 (前提是你已经有了项目目录)

        你可以直接去github把iView Weapp的代码下载下来,也可以用过npm来下载。

        github地址:https://github.com/TalkingData/iview-weapp

2. 将组件库复制到工程的static目录下

下载完成后,到它的目录中寻找名为dist的目录并复制到你的工程目录下,然后给这个dist目录改个名字,比如叫iview。

3.  为需要使用自定义组件的Page进行配置

       在页面对应的配置文件(main.json)中引入组件(路径根据自己项目位置配置),以 Button 和 icon 为例:

       

4. 在 wxml 中使用组件:

 

 

最后:总结一下可能用到的官方文档

mpvue:http://mpvue.com/

微信小程序:https://developers.weixin.qq.com/miniprogram/dev/

iView Weapp:https://weapp.iviewui.com/docs/guide/start

vue.js:https://cn.vuejs.org/v2/guide/

iView Weapp GitHub下载:https://github.com/TalkingData/iview-weapp

转载于:https://www.cnblogs.com/luwanying/p/10449763.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值