uni-app引入组件详解

时间:2024-12-18 07:48:28

引入vant-weapp

1. 创建好项目之后,如果需要引入组件,首先,进入vant-weapp官网(/vant-weapp/#/intro)

2. 一开始我也按照这官网上的指引安装的vant-weapp,但是安装之后有各种各样的问题,后来也去网上查了一点资料,才知道原来需要下载vant包,废话不多说了,下载地址是(/plugin?id=302)

在这里插入图片描述
下载完成之后,会得到一个压缩包。

3. 在项目里创建一个wxcomponents文件夹,如下图
在这里插入图片描述
创建好之后,直接将压缩文件放入文件夹内,解压就好了。

4. 在页面里将它得css设置为公共的,如下图:

在这里插入图片描述
注* 记得看清路径

5. 进入页面下,在自己想要使用该组件的页面信息下使用 “usingComponents”:{
这里是需要使用的vant组件
} 直接按照自己存放的路径,找到需要使用的组件,按照路径写入就行,详细代码如下图:

在这里插入图片描述