我的编程空间,编程开发者的网络收藏夹
学习永远不晚

uniapp使用Vant-weapp的最新方法教程

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

uniapp使用Vant-weapp的最新方法教程

1.先正常创建一个uniapp项目

2.从github下载vant包,zip格式的

vant组件包:https://github.com/youzan/vant-weapp/releases

3.项目根目录下新建wxcomponents/@vant  两个文件夹

4.把下载好的压缩包解压, 把dist放在刚才创建好的@vant文件下,并重命名为weapp

5.App.vue中引入vant的样式 

6.在pages.json文件下的 "globalStyle" 下的 "usingComponents" 中按需引入

因为vant-weapp的按需引入路径皆为"@vant/weapp/button/index"这种格式

所以我们只需要在路径前面去手动添加

/wxcomponents/       这个路径就可以正常使用了

7.页面中使用,如果没有样式从uniapp重启微信小程序

总结

到此这篇关于uniapp使用Vant-weapp的文章就介绍到这了,更多相关uniapp使用Vant-weapp内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

uniapp使用Vant-weapp的最新方法教程

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

uniapp使用Vant-weapp的最新方法教程

Vant Weapp是有赞前端团队开源的一套小程序UI组件库,助力开发者快速搭建小程序应用,下面这篇文章主要给大家介绍了关于uniapp使用Vant-weapp的最新方法教程,文中通过图文介绍的非常详细,需要的朋友可以参考下
2023-05-17

Centos8(最小化安装)全新安装Python3.8+pip的方法教程

最小化安装python8后安装Python3.8.1,网上找了一圈教程,没有一个能完全成功的。或者能安装成功,但pip无法使用。最后根据多个教程整理了一份命令,测试成功,安装使用完全没有问题。yum -y install wget yum
2022-06-04

在spring boot3中使用native image的最新方法

这篇文章主要介绍了在spring boot3中使用native image ,今天我们用具体的例子来给大家演示一下如何正确的将springboot3的应用编译成为nativeimage,需要的朋友可以参考下
2023-01-31

Android上使用grpc的方法教程

前言最近的一个项目使用到了grpc实现跨平台的远程调用,在安卓端使用的时候遇到了一些坑,这里记录一下。首先根据grpc android的官方Demo配置grpc依赖,测试它的hello world工程。编译谷歌官方的helloworld工程
2023-05-31

Redux中间件的使用方法教程

中间件就是一个函数,对store.dispatch方法进行了改造,在发出Action和执行Reducer这两步之间,添加了其他功能,要理解中间件,关键点是要知道,这个中间件是连接哪些部分的软件,它在中间做了什么事,提供了什么服务
2023-01-31

Python使用SeleniumWebDriver的入门介绍及安装教程(最新推荐)

这篇文章主要介绍了Python使用SeleniumWebDriver的入门介绍及安装教程,本文使用环境为python3.11+win1064位+firefox浏览器,所以本文使用的浏览器驱动是Firefox的geckodriver,如果你使用的是其他浏览器,那么选择自己对应的浏览器驱动程序即可,需要的朋友可以参考下
2023-05-15

Win8.1系统应用程序无法更新为最新版本的解决方法

Win8.1系统应用程序无法更新为最新版本的解决方法:1、先重新启动下Win8.1系统;2、然后按住键盘上的WIN+X键,之后移动鼠标点击 命令提示符(管理员)选项;3、在命令提示符中键入:wsreset 并回车 (wsreset 命令为清
2022-06-05

Python中的sort()方法使用基础教程

一、基本形式sorted(iterable[, cmp[, key[, reverse]]]) iterable.sort(cmp[, key[, reverse]])参数解释:(1)iterable指定要排序的list或者iterable
2022-06-04

Python中set方法的使用教程详解

在Python中,set是一种集合数据类型,表示一个无序且不重复的集合。本文主要为大家详细介绍了Python中set方法的使用,需要的可以参考一下
2023-05-18

编程热搜

目录