• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序引入vant Weapp组件 - object360

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

微信小程序引入vant Weapp组件

一.打开小程序项目,选中miniprogram,右键在“终端打开”

输入命令:npm init(记得以管理员身份运行开发工具),然后一直回车,直至在miniprogram文件夹下,生成package.json文件。

二.打开官网,https://youzan.github.io/vant-weapp/#/intro

 

通过npm安装,执行以下命令

 

       1:npm install --production

 

       2: npm i @vant/weapp -S --production

 

三.构建 npm 包

打开微信开发者工具,点击 工具 -> 构建 npm,并点击详情,勾选 使用 npm 模块 选项,构建完成后,即可引入组件

 

四:引入组件

 

在子页面中的.json文件。

  "van-button": "path/to/@vant/weapp/dist/button/index"

改为:"van-button": "@vant/weapp/button"

 

 

wxml文件中,加入:

van-button type="danger">危险按钮</van-button>

 

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序调用指纹验证发布时间:2022-07-18
下一篇:
创建一个windows服务的小程序及注意事项发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap