如何在微信小程序中引入VANT组件

  介绍

今天就跟大家聊聊有关如何在微信小程序中引入VANT组件,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

1。右键项目名称→在终端中打开

如何在微信小程序中引入VANT组件“> <br/> </p> <p> 2。在终端输入<代码> npm init </代码>用来初始化,然后一直回车默认就好。<br/> </p> <p>之后项目中会出现project.config。json <br/> </p> <p> <img src= npm 小姐:vant-weapp  -S ——生产

如何在微信小程序中引入VANT组件

4。进入小程序开发工具,选择左上角工具→构建npm

如何在微信小程序中引入VANT组件“> <br/> </p> <p>完成之后项目里会多出依赖包</p> <p> <img src=

5。点击右上角详情并勾选使用npm模块。

如何在微信小程序中引入VANT组件“> <br/> </p> <p> 6。选择要在哪里个页面使用该组件<br/> </p> <p>这里以页面下的电影举例,写一个简单的按钮。<br/> </p> <p>如图在对应的json文件中引入vant的按钮<br/> </p> <p> <img src= & lt; van-button 类型=癲efault"在默认按钮& lt;/van-button>   & lt; van-button 类型=癲anger"祝辞主要按钮& lt;/van-button>

如何在微信小程序中引入VANT组件“> <br/> </p> <p>效果图如下:</p> <p> <img src=

看完上述内容,你们对如何在微信小程序中引入VANT组件有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。

如何在微信小程序中引入VANT组件