今天就跟大家聊聊有关如何在微信小程序中引入VANT组件,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
1.右键项目名称->在终端中打开
2.在终端输入 npm init 用来初始化,然后一直回车默认就Ok。
npm init
之后项目中会出现 project.config.json
内容为当前项目的配置信息以及依赖包的管理。
3.安装vant依赖包(在终端输入)
npmivant-weapp-S--production
4.进入小程序开发工具,选择左上角 工具->构建npm
完成之后项目里会多出依赖包
5.点击右上角详情并勾选使用npm模块。
6.选择要在哪个pages里使用该组件
这里以pages下的movie举例,写一个简单的按钮。
如图 在对应的json文件中引入vant的button
7.在对应wxml文件,写如下代码:
<van-buttontype="default">默认按钮</van-button> <van-buttontype="danger">主要按钮</van-button>
效果图如下:
看完上述内容,你们对如何在微信小程序中引入VANT组件有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注恰卡编程网行业资讯频道,感谢大家的支持。
微信小程序能做什么什么是微信小程序
微信是目前用户数最多的应用,过去人们初次见面,都免不了要互相发名片、留电话,现在则变成了加微信好友。打开你的微信,用手按住页面向下...
小程序在哪里找(小程序开发一个多少钱啊)
小程序和h5的区别有哪些快速收藏
小程序怎么开发调用微信支付及微信回调地址
小程序列表懒加载如何实现
小程序怎么与后端Java接口交互实现HelloWorld
小程序分销系统开发常见的功能有哪些
小程序分销系统开发常见的功能有哪些这篇文章主要介绍“小程序分销系统...
茶叶小程序开发需要哪些功能
健身行业小程序开发功能及好处有哪些
直播小程序开发需要哪些功能
用户名
密码
记住登录状态 忘记密码?
邮箱
确认密码
我已阅读并同意 用户协议