vant-weapp

微信小程序引入VantWeapp开发

第一种方法直接下载官方源码(推荐)gitclonehttps://github.com/youzan/vant-weapp.git新建个vant-weapp把dist打包文件拷贝到自己的项目目录中把所需要的组件配置到
任我行RQ·2020-07-31 11:06

微信小程序引入vant-weapp组件遇到的bug以及解决方法

微信小程序引入vant-weapp组件遇到的bug问题原本百度了一波，说只要安装了node还有npm之后，使用gitBash命令行工具直接cd到根目录下然后直接引入以下代码：npmivant-weapp-S
Luckly-huang·2020-07-31 11:27

手把手教你_微信小程序使用 Vant Weapp 组件库

https://youzan.github.io/vant-weapp/#/introVantWeapp链接:https://youzan.github.io/vant-weapp/#/intro.两种使用方法
1米88_xinboz77·2020-07-31 11:26

微信小程序调用Vant Weapp组件配置

首先先说明下VantWeapp是一种轻量、可靠的小程序UI组件库，使用网址为：https://youzan.github.io/vant-weapp打开网址我们可以看到VantWeapp的安装方式，接下来对
懒惰の猫·2020-07-31 11:53

小程序快速引入vant-weapp组件库（适合小白）

小程序官方npm使用介绍点击直达vant-weapp组件库安装官方介绍点击直达下面开始介绍小白入门步骤，搬个板凳认真听第一步，我们右键进入小程序根目录这样我们就进入了根目录第二步，在根目录按住Shift
System.o·2020-07-31 11:34

uniapp引入vant

hbuilder或者hbuilderX中创建一个默认模版的项目2.在项目中创建一个文件叫wxcomponents，注意这个文件和page文件平级3.打开https://github.com/youzan/vant-weapp
萧棠·2020-07-30 18:53

uni-app引入UI组件库(Vant-weapp)步骤

1.创建目录在项目根目录中创建wxcomponents目录在wxcomponents目录中创建vant目录2.引入vant-weapp组件在vant-weapp的GitHubReleases版块下载最新的
yanghongyan001·2020-07-30 18:31

小程序vant-weapp完整时间组件

完整时间选择器//完整jsdata:{motto:'HelloWorld',userInfo:{},hasUserInfo:false,canIUse:wx.canIUse('button.open-type.getUserInfo'),minDate:newDate(newDate(newDate(newDate().toLocaleDateString()).getTime()).valueO
qq_43248604·2020-07-30 16:35

uni-app引入组件详解

引入vant-weapp1.创建好项目之后，如果需要引入组件，首先，进入vant-weapp官网（https://youzan.github.io/vant-weapp/#/intro）2.一开始我也按照这官网上的指引安装的
一壶浊酒丶·2020-07-30 15:32

微信小程序-自定义组件与第三方组件vant-weapp

1、在小程序中设置上传图片功能wx.chooseImage(Objectobject)使用微信小程序自带的API，wx.chooseImage(Objectobject)可以实现从本地相册选择图片或使用相机拍照。（1）在任意的一个你想上传图片的页面的js文件最后处，写入uploadImg(){wx.chooseImage({success:function(res){console.log(res
suoh's Blog·2020-07-29 06:49

vue前端之基于Vant-ui的树形商品分类选择（TreeSelect）

vue前端之基于Vant-ui的树形商品分类选择（TreeSelect）vant-ui地址：https://youzan.github.io/vant-weapp/#/intro或者点击这里跳转相关vant-ui
bentou_·2020-07-14 08:49

微信小程序之引用WeUI组件库(二)

组件库如果没安装好请看：引用WeUI组件库别看了我也没搞出来不知道怎么用看文档写不出来（可能是我比较菜）##出现的问题：不知道怎么跳转有会的大哥欢迎留言我暂时放弃这个组件了对新手不是太友好启用了第二套方案：vant-weapp
z先生1025·2020-07-13 20:04

小程序npm使用——以vant-weapp为例

打开项目终端，初始化npminit——一直回车，直到出现yes——yes——回车安装包npmivant-weapp-S--production开发者工具——左上角工具=>构建npm这一项，点击进行构建。开发者工具——左上角设置=>项目设置——勾选使用npm模块然并卵总是丢失文件报错方法二npmivant-weapp-S--production把dist文件剪切出来放在项目任意位置页面使用，json
小曲曲·2020-07-13 20:25

（自定义组件修改源码）Vant weapp踩坑之修改Card 商品卡片源码

首先先给上官网https://youzan.github.io/vant-weapp/#/card按照官网给出的代码复制粘贴一下效果如下：可往往我们的需求和这个模块或多或少都有点出入。
Exi_F·2020-07-13 20:18

微信小程序使用vant-weapp的UI库

首先看一下目录结构在miniprogram中执行首先要有nodejs环境npminit执行完过后会有一系列的回车，在这里注意一下，在第二的回车的时候有一个版本的选择。这里默认是的1.0.0，官网的不是，根据官网的来选择，否则的话会缺少一些组件，我就遇到过这种问题。执行完npminitnpmi@vant/weapp-S--production生成如下目录节构然后在微信小程序中选择使用npm然后在ap
枯木逢春又如何·2020-07-13 11:03

微信小程序项目构建， npm vant-weapp组件使用 ，eslint配置 ，echarts使用

这里写自定义目录标题微信小程序项目初始化npm的构建、使用eslint使用配置echarts在小程序中使用微信小程序项目初始化新建一个微信小程序可直接在小程序开发工具里新建，具体的的过程就不再此演示了，可自行去官网查看此处只说明npm组件使用配置，eslint检查如何配置，echarts百度图表怎么使用新建的项目没有package.json,cmd到项目目录，执行npminit初始化一个packa
少广·2020-07-13 05:32

Vant-weapp滑动单元格SwipeCell右滑无样式

1.在.json中引入SwipeCell组件{"usingComponents":{"van-swipe-cell":"@vant/weapp/swipe-cell/index"},"navigationBarTitleText":""}2…wxml选择删除3…jsPage({onClose(event){const{position,instance}=event.detail;switch(p
Archer_yy·2020-07-13 00:22

（自定义组件修改源码）Vant weapp踩坑之滑动单元格SwipeCell样式问题

首先先附上官网：https://youzan.github.io/vant-weapp/#/swipe-cell可按照官网照做删除的按钮根本没有样式，相信大家也在网上找到了方法解决了，就是直接找到源码的
Exi_F·2020-07-12 23:57

微信小程序笔记（二）摆脱不会css的烦恼，快速引用三方UI库

整理资料第三方组件库ZanUI这个是老版的，新版的现在是vant-weapp，现在来看这两个可以互补。wux-weapp这个没用过，但是光看效果功能比上面的多。iViewWeapp功能也是十分的齐全。
lyanjun·2020-07-09 13:15

安装vant-weapp 组件

可以查看官方文档：https://youzan.github.io/vant-weapp/#/quickstart一、打开cmd如果执行npmivant-weapp-S--production报错了：那你就执行一下
我就是DaLing呀！·2020-07-08 20:38

mpvue中使用vant时需要注意的onChange事件的坑

collapse折叠面板，官网文档里面介绍的使用方法是这样的1.在app.json或index.json中引入组件"usingComponents":{"van-collapse":"path/to/vant-weapp
爱吃栗子的小单·2020-07-08 19:46

mpvue小程序开发之 集成第三方UI框架Vant Weapp UI

集成进第三方的UI框架其实很简单这里把vant-weapp的dist目录重命名为vant-weapp放在项目根目录的static文件夹下：在src文件夹下，即我们写vue代码的位置，正在编写的页面中添加
weixin_30729609·2020-07-08 14:39

小程序动端组件库Vant Weapp的使用

VantWeapp是有赞移动端组件库Vant的小程序版本，两者基于相同的视觉规范，提供一致的API接口，助力开发者快速搭建小程序应用两大参考神兽：文档：https://youzan.github.io/vant-weapp
祈澈菇凉·2020-07-07 23:32

小程序开发第一天：wepy和Vant-weapp

    公司新开了一个拼团小程序项目，强制要求必须在1月4号之前完成上线，然而，现在已经12月14。。。半个月一个小程序，只有原型，真的是完全从0到1，真的很无语?。好了，不再吐槽，撸起袖子干。    这个小程序项目有我负责，因为之前也没有做过，没有实战经验，虽然之前有看过几遍小程序文档和相关框架，但是真正做起来的时候还是有点困难。    首先，比较之下，我选择了wepy+Vant-weapp作为
smile·2020-07-07 20:30

mpvue项目使用第三方UI框架vant weapp

折腾了好几个小时，各种百度，vant-weapp的dist目录各种放各种试都不行，都试得要睡着了，没想到。。。居然只是差微信开发者工具里面一个勾。吐血。。。。
chenxiaoyi0207·2020-07-06 18:24

微信小程序使用 vant Dialog组件

在app.json或index.json中引入组件"usingComponents":{"van-dialog":"path/to/vant-weapp/dist/dialog/index"}​在xxx.wxml
隔壁老王小媳妇·2020-07-06 02:32

微信小程序：有赞小程序UI( vant-weapp ) actionsheet组件源码窥探

原文链接前言还是微信小程序项目，虽然有一些优秀的第三方组件，但是秉持高度还原UI设计稿的原则，没有直接在项目中使用。遇到一些类似的逻辑时，可以参考一下这些开源项目的实现方式。难的往往只是某一个点，有时候我们需要的只是一张地图（PS:来自硬派脱口秀节目《知识就是力量》）。开始为什么研究actionsheet组件？因为项目中设计较多的交互动画，想要自己同一封装，可多处使用。一方面可以减少代码量，另一方
車句·2020-07-06 02:49

微信小程序中使用vant UI组件所踩的坑

以上是在vantUI官网对vantUI的描述；官网地址：https://youzan.github.io/vant-weapp/#/intro在我注册完成小程序后，我就准备通过微信开发者工具来进行开发，
一捆铁树枝·2020-07-05 08:23

微信小程序--Leopard 第一轮迭代成果

微信小程序开发1.基于原生的微信小程序没有使用特殊的程序框架，节约了学习的成本2.使用现有开源组件库Vant-Weapp、IView-Weapp统一了编码风格和界面UI，节约开发成本3.另外对Vant-Weapp
叶十一time·2020-07-05 08:06

微信小程序使用Vant Weapp组件库

运行npmivant-weapp-S--production3.安装成功后点击工具=>构建npm之后点击详情=>使用构建npm渲染二.使用组件库首先在json文件中引入组件"van-button":"vant-weapp
小泽学长·2020-07-05 07:00

求解Vant-weapp中tabs的问题？

最近在做小程序，需要做一个页面tab滚动的功能，在很多app里面很常见基于项目里面搭配的样式组件，我采用了https://youzan.github.io/vant-weapp/#/tab，不同入口进入的时候
有个派大星·2020-07-02 14:10

微信小程序使用vant的swiperCell单元格的问题

网址：https://youzan.github.io/vant-weapp/#/swipe-cell选择删除
a1161105403·2020-07-02 12:36

uni-app—vscode—微信小程序使用vant（图文）

1、创建文件夹src下创建wxcomponents文件夹wxcomponents文件夹下再创建vant文件夹2、下载在https://github.com/youzan/vant-weapp下载最新zip
Poppy_LYT·2020-07-01 12:58

在uni-app中使用vant-weapp

1.在根目录下创建wxcomponents，wxcomponents下建文件夹vant2.项目引入1.在https://github.com/youzan/vant-weapp下载最新的zip压缩包2.
高先生的猫·2020-06-30 11:08

小程序引入vant组件（已解决）

需要先执行npminit写入package.json文件第二步：npmivant-weapp-S--production，接着点击工具的构建npm第三步：在https://github.com/youzan/vant-weapp
叶川飞流·2020-06-29 00:56

解决uniapp使用vant-weapp开发微信小程序的坑

但是如果关闭小程序的es6转es5，那么存放于static目录vant-weapp的组件无法被编译成es5,导致使用组件报错。核心原因:由于v
weixin_33744854·2020-06-28 04:04

正确使用微信小程序组件库，解决报错Component is not found in path

正确使用步骤以小程序组件库https://github.com/youzan/vant-weapp为例在小程序项目根目录打
JankingWon·2020-06-23 20:25

推荐5个小程序开源 UI 组件库，个个都优秀，第一个很凹凸...

前一篇：大牛推荐的10本学习Java必看书5.有赞：youzan/vant-weapp|7.8kstar轻量、可靠的小程序UI组件库。Va
实验楼v·2020-06-22 01:36

微信小程序使用canvas画布生成二维码海报分享图片（完整示例代码）

先看一下效果图：canvas.wxml保存到本地相册生成海报分享图片注明：我上面使用了vant-weapp的弹出层和自定义的按钮组件，样式大家可以自己写，不要拘泥于示例！
Api - 小柒·2020-06-21 04:46

微信小程序之前端代码篇

1、Dialog的使用①首先引入vant-weapp中的dialog{"usingComponents":{"van-dialog":"/miniprogram_npm/@vant/weapp/dialog
zxNoral·2020-06-19 11:00

微信小程序使用vant框架以及简单处理骨架屏小计

最近在研究微信小程序，发现一款ui框架want，在这里记录下使用方法，以及简单的处理骨架屏的方法want小程序官方文档地址：https://youzan.github.io/vant-weapp/#/intro
qq_41552889·2020-05-27 10:58

小程序报错，安装了vant-weapp之后报错

VM8845:1thirdScriptErrorsdkuncaughtthirdErrormodule"miniprogram_npm/vant-weapp/mixins/observer/props.js"isnotdefinedError
风_往南吹·2020-04-09 05:42

微信小程序如何修改第三方组件样式 例如 vant-weapp样式修改

注：必须css文件才可以修改解除样式隔离1、在组件内部options属性中定义styleIsolation:'isolated'Component({onLoad(){},options:{styleIsolation:'isolated'}})app.wxss或页面的wxss中使用了标签名选择器（或一些其他特殊选择器）来直接指定样式，这些选择器会影响到页面和全部组件。通常情况下这是不推荐的做法。
June.1·2020-04-02 12:38

Taro引入Vant-weapp

Taro(V2.0.5)中引入VantWeapp，（需下载资源到项目中：大小约322KB）需如下几步：1.在/src/components下新建文件夹vant-weapp2.在github上找到Vant-weapp
咿呀呦cxy·2020-03-06 09:01

微信小程序vant弹窗组件的实现方式

今天这篇文章将会带着你解析这一系列疑问，以vant-weapp组件库为例，从开发标准的弹窗组件使用到高度定制复合自我审美的弹窗，再到完全研究清楚vant-weapp框架弹窗组件部分源码。
dino小恐龙·2020-02-21 10:09

在Taro中引入Vant-weapp

Github代码地址在开发小程序的过程中，遇到Taro整合vant-weapp的问题，记录如下，源代码参见本文开头的GitHub代码地址。
大眼铅笔·2020-02-21 07:37

用vant-weapp写一个购物车

vant-weapp介绍vant-weapp是有赞出品的，前端组件库，既然出自有赞之手，必然是尤其适合于做一个商城项目，它移植于vant-ui，后者有的特性大部分都已经实现。
黄秀杰·2020-02-06 16:49

mpvue中无缝接入Vant Weapp组件库

的语法和良好的开发效率再搭配上用户体验良好的UI组件无疑是定制化微信小程序的开发方式，然而由于mpvue是对微信原生开发的再次封装，这也为我们引入UI组件添加了不少麻烦，话不多说，接下来为大家展示引入vant-weapp
webkubor·2020-02-06 05:00

小程序动端组件库Vant Weapp的使用

VantWeapp是有赞移动端组件库Vant的小程序版本，两者基于相同的视觉规范，提供一致的API接口，助力开发者快速搭建小程序应用两大参考神兽：文档：https://youzan.github.io/vant-weapp
祈澈菇凉·2020-02-05 10:32

mpvue 使用第三方ui库

使用第三方ui组件的问题以vant-weapp为例子直接通过git下载VantWeapp源代码gitclonehttps://github.com/youzan/vant-weapp.git下载完了之后将
hhooke·2020-02-02 10:44
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他