vant-weapp

小程序vant使用笔记

安装注意区分vant-weapp和vant1、打开微信开发者工具新建小程序快速模板2、npminit3、npminstall--production4、npmivant-weapp-S--production5
乄無时·2021-04-03 11:47

[开源]基于 vant-weapp 的企业展示型小程序

企业展示型小程序小程序：已开源管理后台：暂未开源体验后台:https://test.yuanxi.ltd/enterprise/console/用户名：admin密码：123456截图1.在项目根目录执行npminstall2.不校验域名,使用npm模块3.工具->构建npm获取最新代码github：https://github.com/chudaozhe/enterprise-weappgite
·2021-03-30 17:29

小程序 vant-weapp SwipeCell 滑动单元格样式问题

微信小程序开发时vant-weappSwipeCell滑动单元格样式问题如何引用SwipeCell组件不再赘述，vant-weapp官网**vanwebapp，有坑~话不多说，搞个样式就好了**.wxcss
·2021-03-15 13:53

微信小程序 第三方组件的运用 vant-weapp

以有赞的vant-weapp为例一下是具体步骤vant-weapp官方文档1、桌面创建小程序项目demo在开发工具中打开2、打开项目目录在地址栏中输入cmd打开我们的命令行终端(项目名称必须符合命名规则
敢问·2021-03-07 22:50

微信小程序UI组件库合集

第二款：ColorUI：地址https://github.com/weilanwl/ColorUI预览码：第三款：vantUI（又名：ZanUI）：地址https://youzan.github.io/vant-weapp
·2021-01-28 15:22

微信小程序UI组件库合集

第二款：ColorUI：地址https://github.com/weilanwl/ColorUI预览码：第三款：vantUI（又名：ZanUI）：地址https://youzan.github.io/vant-weapp
·2021-01-27 23:56

小程序引入vant weapp的方法

官方文档https://youzan.github.io/vant-weapp/#/quickstart安装时不要按照官方的走流程：npm下载npmi@vant/weapp-S--production下载完的目录把里面的
郭辰羽·2021-01-08 10:49

小程序vant-weapp的日历组件的使用

话不多说，记录一下这个框架的使用~小程序使用轻量、可靠的小程序UI组件库vant-weappGithub源码：https://github.com/youzan/vant-weapp中文文档：https
祈澈菇凉·2020-12-02 11:43

JSON文件[“USINGCOMPONENTS“][“VAN-BUTTON“] 未找到

错误信息.json:[“usingComponents”][“van-button”]未找到或者.json:[“usingComponents”][“van-button”]:“path/to/vant-weapp
大大怪将军鸭·2020-12-01 10:01

vant weapp - Card 商品卡片 (修改标题与金额中间间距太大问题)

前言最近在使用Vant-weapp小程序组件，使用Card组件想实现这样一个界面：在官方文档中给出的示例配置中，你根本无法调整中部宽度。。
王佳斌·2020-09-30 11:20

2020-09-27 动态添加输入框，及绑定数据

（ui基于vant-weapp)wxml添加面值提交jsimportNotifyfrom'../../..
海边的愚人·2020-09-27 17:28

uni-app体验-vue H5项目转换为uni-app

直接通过git下载vant-weapp最新源代码，并将dist目录拷贝到新建的wxcomponents目录下，并重命名dist为vant-weapp。
smaVivian·2020-09-17 13:25

小程序使用mpvue框架无缝接入Vant Weapp组件库

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

Vant Weapp使用教程

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

小程序报错Component is not found in path “wxcomponents/vant-weapp/button/index“ (using by “pages/....)

本文针对的是vantWeappUI的引用报错1.在uni-app框架开发小程序，引入了vantWeappUI总是莫名报错：（1）VM22:1MiniProgramErrorCannotreadproperty'name'ofundefinedTypeError:Cannotreadproperty'name'ofundefined(2)VM22:1SystemError(jsEnginScript
wakakaHBW·2020-08-25 11:57

基于vant ui开发微信小程序

开发文档地址:https://vant-contrib.gitee.io/vant-weapp/#/intro
小明哥带你飞·2020-08-24 09:43

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

uni-app引入UI组件库(Vant-weapp)1.新建相关目录根目录下创建wxcomponentswxcomponents下新建vant目录2.项目中引入vant-weapp组件下载最新的zip包
Zhouchangyue·2020-08-23 01:31

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

package.json2、运行npmivant-weapp-S--production3.安装成功后点击工具=>构建npm成功后显示下图三、使用组件库首先在json文件中引入组件“van-button”:“vant-weapp
从心开始ぃ·2020-08-17 00:13

初步解析小程序前端框架vant-ui源码

组件库的使用教程在https://youzan.github.io/vant-weapp/#/intro，介绍说明比较详细且简单，因此这里不再赘述，这里希望对于框
wuyy75·2020-08-13 23:27

mpvue + vant-weapp 踩坑记

1、在小程序中监听vant-weapp组件的数据改变用bind:change="方法"，在mpvue中，只需要改成@change=“方法”就可以了；同时在方法中获取数据时，不能用event.detail
木子、·2020-08-11 19:54

使用mpvue框架，以及vant-weapp的程序员UI框架时，遇到的坑及解决办法。

1、mpvue中使用vant-weapp的方式2、mpvue引入vant-weapp后，mpvue自动将px转换为rpx单位的问题参考https://www.jianshu.com/p/5fb497ec2e5d
qq_42991509·2020-08-11 15:44

Vant-Weapp踩坑之van-tabs设置高度

需求：解决van-tabs无法设置高度问题实验开始：说明：上面两张图片展示了各css样式对应的颜色及其在van-tabs中的作用域实验过程（源码），采用样式覆盖：/*van-tabs实验（勿删）*/.van-tabs{height:100px;background-color:red;}.van-tabs__wrap{height:60px!important;background-color:s
吓到我了·2020-08-07 21:22

玩Android小程序v2.0，力争做最漂亮的玩Android

玩Android小程序v2.0，做最漂亮的应用相较第一个版本，做了两个非常重要的更新：界面的优化，使用了ColorUi、Vant-weapp框架，使界面更美观、漂亮。
帅气的铅笔·2020-08-07 16:26

vant-weapp官网打不开

是否有小伙伴跟小编一样，突然发现vant-weapp进不去了后来在码云上找到了一个国内的版本：https://vant-contrib.gitee.io/vant/#/zh-CN/home但是用的时候发现属性有些许差异
隨遇灬而安·2020-08-06 09:27

关于微信自定义组件的使用过程以及第三方常用组件的使用过程！

首选：我们来介绍一下在进行微信小程序开发的过程中能够用到的自我感觉良好的第三方组件：第一：vant-Weapp这个组件库；其是youzan旗下的一个组件库；网址为：https://youzan.github.io
风~蒲公英·2020-08-04 07:21

微信小程序 引入外部UI组件 Vant Weapp

微信小程序引入外部UI组件VantWeappVantWeapp官网地址：https://youzan.github.io/vant-weapp/#/intro1.下载VantWeappnpmivant-weapp-S
Jonas 666·2020-08-03 23:56

微信小程序中安装使用Vant Weapp

VantWeapp官网：https://youzan.github.io/vant-weapp安装步骤：1、需要使用npm安装VantWeapp，npm集成在Node.js中的，安装参见文章：安装Node.js
disaos·2020-08-03 16:05

微信小程序[电商]-实现标签云热搜及搜索功能

实现分析主要由三部分组成搜索框热搜标签云搜索结果列表搜索框搜索框使用vant-weapp的Search组件根据文档，导入组件即可。
_龙衣·2020-08-02 21:28

微信小程序[电商]-自定义 Banner（轮播图）组件

在vant-weapp组件库中还没有提供Banner组件，所以我们来实现Banner组件，顺便了解自定义组件的实现过程。参考【自定义组件】：官方文档【微信小程序自定义组件
_龙衣·2020-08-02 21:28

微信小程序[电商]-Tabbar 实现底部导航栏

安装vant-weapp参考【快速上手】在项目根目录，使用npm安装vant-weapp：#通过npm安装npmi@vant/weapp-S--production在微信开发者工具点击工具->构建npm
_龙衣·2020-08-02 21:28

微信小程序项目使用npm安装vant-weapp的正确步骤及错误处理方法

微信小程序项目使用npm安装vant-weapp的正确步骤及错误处理方法1，搭建小程序1.1项目-新建项目-如下图所示：1.2点击图中“新建”即可创建成功小程序项目。
@Winner·2020-08-01 09:50

MPVue开发小程序采坑(van-field获取不到输入值)

在使用vant-weapp的时候,输入框van-field绑定的value值不会同步更新到data对应的变量,需要添加@change=“completeInputMobile”changeShoppingName
yongyafang·2020-08-01 08:17

mpvue开发微信小程序（3）—— van-popup

Popup弹出层1、接入"usingComponents":{"van-popup":"/static/vant-weapp/popup/index"}2、弹出层注：从左右弹出，需要设置“height:
脱离语言·2020-08-01 08:40

微信小程序漂亮UI vant-weapp 快速架设

1.先在微信开发者工具中打开项目的终端：cmdcdF:\项目开发\微信小程序\你项目路劲2.然后初始化一个package.json文件：输入命令：npminit一路回车3.在小程序工程的根目录下执行：npmi@vant/weapp-S--production2.第二步：保证当前你的微信开发者工具是最新版本，然后点击执行“构建npm“工具--构建NPM按钮app.json{"pages":["pag
东边的小山·2020-08-01 07:26

uni-app引入UI组件库Vant-weapp

2，使用npm安装或下载安装包：vant-weapp3，项目中引入vant-weapp组件步骤。①在根目录下创建wxcomponents文件夹。②wxcomponents文件夹下新建vant文件夹。
weixin_46301474·2020-08-01 06:35

微信小程序开发地址选择模块基于vant-weapp组件(地址添加,地址编写,自动获取地址)

需求用户自行填写地址不要问我为什么需要这个模块，问我的话就是因为项目需要我就讲讲为什么领导需要开发这个需求，因为在我们开发的平台上最进做了一个抽奖功能，奖是抽到了，那么问题来了用户又没填写地址该怎么办呢，所以开会的时候就把我这个苦逼的开发叫了过去，XXX我们系统少了地址这个东西你去做吧，微信小程序端添加一个按钮，用户可以自行填写地址进行记录，根据后端配置文件进行显示隐藏(因为这个自行填写地址只是某
陈健平·2020-08-01 06:13

#小程序# mpvue引入vant的注意事项

-安装vant-npminstallvant-weapp-S--production-引用-/app.json"usingComponents":{"van-button":"vant-weapp/dist
自学IT的攻城狮·2020-08-01 06:09

【报错问题】微信开发者工具，引入第三方UI库，提示"module "miniprogram_npm/vant-weapp/common/utils" is not defined"等

一、版本说明微信开发者工具：v1.02.1911180"@vant/weapp":"^1.0.5"二、【报错问题】2.1、目录`miniprogram`下，打开命令窗口安装VantWeapp（命令：npmi@vant/weapp-S--production），然后在组件页面下，对应的json文件中引入vant-app时，出现错误，引入方式如下2.2、引入后，编译小程序时，控制台提示以下两个错误"m
窩窩頭·2020-08-01 05:06

如何使用wepy和 vant-weapp开发小程序

这里记录一下使用wepy框架和vant-weapp库开发小程序废话不多说wepy文档：https://tencent.github.io/wepy/document.html#/vant-weapp文档
weixin_33882443·2020-08-01 04:55

在mpvue中引用vant weapp

2019独角兽企业重金招聘Python工程师标准>>>使用mpvue作为框架，引入第三方的ui框架vant-weappvant-weapp:https://github.com/youzan/vant-weapp
weixin_33763244·2020-08-01 04:16

微信小程序引入Vant组件库

前期准备VantWeapp组件库：https://youzan.github.io/vant-weapp/#/intro1.先在微信开发者工具中打开项目的终端：然后初始化一个package.json文件
weixin_30919919·2020-08-01 03:34

mpvue中使用vant-weapp

安装#通过npm安装npmivant-weapp-S--production#通过yarn安装yarnaddvant-weapp--production#直接通过git下载VantWeapp源代码，并将dist或lib目录拷贝到自己的项目中gitclonehttps://github.com/youzan/vant-weapp.git引入//以下方法使用于git下载安装的方法//全局引入app.j
weixin_30920597·2020-08-01 03:03

在mpvue框架中使用Vant WeappUI组件库的注意事项

在gitHub上，链接如下https://github.com/youzan/vant-weapp首先在自己项目目录static下新建一个vant文件夹，用于存放组件文件，把dist文件夹下的所有文件拷贝到
weixin_30737363·2020-08-01 03:55

小程序使用vant-weapp（带px转rpx方法）

npminit一路回车完成后根目录会生成package.json文件2、安装vant-weappnpmivant-weapp-S--productionhttps://youzan.github.io/vant-weapp
go-ahead·2020-08-01 02:01

微信小程序引入Vant组件库

VantWeapp组件库：https://youzan.github.io/vant-weapp/#/intro说说我在引入vant组件库的时候的操作方法吧：1.先在微信开发者工具中打开项目的终端：2.
时代新人·2020-08-01 02:47

vant weapp 没有找到可以构建的npm包 / 微信小程序引入 vant weapp 前端框架

按照vant-weapp官方文档的说明操作之后，依然无法在微信小程序项目中引入vant-weapp前端框架。
royla·2020-07-31 23:12

在微信小程序中使用第三方ui组件

vant-weapp安装步骤安装前确定电脑上安装了node。
想要成仙的菜鸟前端·2020-07-31 23:02

小程序中引入vant-weapp

小程序提示没有可以构建的npm包：操作如下1.进入小程序根目录，打开cmd，输入：npminit输入命令后一直点回车2.输入命令：npmiminiprogram-sm-crypto--production第一步：在小程序工程的根目录下执行：1npmivant-weapp-S--production第二步：保证当前你的微信开发者工具是最新版本，然后点击执行“构建npm“工具里有构建npm构建成功后会
小小雪花儿·2020-07-31 23:43

微信小程序项目使用npm安装vant-weapp的正确步骤，简单易懂！！

微信小程序项目使用npm安装vant-weapp的正确步骤1、在当前小程序项目目录npminit-y构建npm项目2、运行命令npminstallvant-weapp-S--production安装完发现在当前小程序目录下新增
Jason丶丶前端工程师·2020-07-31 23:50

Taro引入vant Weapp的方法

Taro(V2.0.5)中引入VantWeapp，（需下载资源到项目中：大小约322KB）需如下几步：1.在/src/components下新建文件夹vant-weapp2.在github上找到Vant-weapp
qq_2193185903·2020-07-31 23:17
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他