当前位置: 首页 > news >正文

uniapp引入vant组件

Vant官网https://youzan.github.io/vant/#/zh-CN/
点击官网右上角跳转到小程序版vant(方便查看文档)
在这里插入图片描述

1.在根目录下创建一个文件夹 格式如下wxcomponents>vant>dist
在这里插入图片描述

2.前往https://github.com/youzan/vant-weapp下载压缩文件
在这里插入图片描述

3.App.vue的style中引入样式
@import “/wxcomponents/vant/dist/common/index.wxss”;
在这里插入图片描述

4.使用:在pages.json中引入相应的组件 下面以要使用button组为例
在这里插入图片描述

“usingComponents”: {
“van-button”: “/wxcomponents/vant/dist/button/index”
}

页面中:
在这里插入图片描述

完成
5.使用其他组件可参考官网
在这里插入图片描述


http://www.taodudu.cc/news/show-3890079.html

相关文章:

  • 数据分析:基于sparcc的co-occurrence网络
  • 基于UDP的网络客户端和服务端模型IO函数
  • 面试中算法(删去n个数字后的最小值)
  • springboot 引入第三方bean
  • vscode连接服务器的docker步骤
  • 开源即时通讯IM框架 MobileIMSDK v6.5 发布
  • vue移动组件vant官网打不开的解决方法
  • vant官网访问被拒绝
  • 离线安装vant
  • vant里面怎么使用import引用_Vant 的引入及使用
  • vant-weapp官网打不开
  • Vant 框架 官网中文 api 地址
  • css之文字阴影效果
  • 【CSS】6-css阴影样式
  • 好看的css阴影效果
  • 40种css阴影效果代码
  • 一秒学会CSS阴影效果
  • 在线生成CSS阴影效果工具
  • html5 头部阴影,兼容各种主流浏览器的CSS阴影效果
  • 在线调试css阴影效果
  • CSS 透明/阴影
  • 【我的前端】CSS启示录:CSS写出超级美观的阴影效果
  • 好看的阴影效果css
  • css零到一高级教程007:CSS 阴影效果
  • css实现阴影效果
  • css里阴影效果,css实现阴影效果(box-shadow)
  • css阴影教程,CSS高级技巧:阴影效果
  • CSS添加阴影效果
  • css给图片设置阴影效果
  • css阴影效果
  • css给图片添加阴影效果方法
  • css 阴影 效果_CSS阴影效果
  • CSS3 box-shadow 效果大全(内阴影,外阴影,三边阴影,双边阴影,单边阴影,细线描边…)
  • CSS 阴影效果(盒子阴影,文字阴影)
  • vue中使用mock模拟数据
  • vue项目中使用mock模拟数据