宝哥软件园

微信小程序引入VANT组件的方法步骤

编辑:宝哥软件园 来源:互联网 时间:2021-08-20

1.右键单击项目名称-在终端中打开它

2.在终端输入npm init进行初始化,然后一直按Enter键默认为Ok。

然后project.config.json将出现在项目中

内容是当前项目的配置信息和依赖包的管理。

3.安装vant依赖包(在终端输入)

新产品导入和生产

4.进入小程序开发工具,选择左上角的工具-构建npm

项目完成后会有更多的依赖包

5.单击右上角的详细信息,并选中使用npm模块。

6.选择要在哪些页面中使用组件

这里,以页面下的电影为例,写一个简单的按钮。

如图所示,vant的按钮被引入到相应的json文件中

7.在相应的wxml文件中,编写以下代码:

范-巴顿类型='默认'默认按钮/范-巴顿类型='舞者'主按钮/范-巴顿

效果图如下:

注意:如果样式没有出来,重复步骤4。

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

更多资讯
游戏推荐
更多+