E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
vant-weapp
微信小程序内使用vantUI
vant微信版官网:https://youzan.github.io/
vant-weapp
/1:初始化项目打开终端cd到项目根目录,运行npminit,然后配置相关信息,可以全部回车。
飞鸿w
·
2020-07-31 23:39
小程序
uni-app整合最新版
vant-weapp
,遇到的问题和解决办法
BUG非常多,特别是每次更新HbuilderX的时候),如果你实在想小程序在uni-app中使用vant,可以用uni-app的插件市场的VantUIDemoForUni-app1.前往github下载
vant-weapp
麦兜:)
·
2020-07-31 23:11
前端开发
小程序开发
mpvue中引用
Vant-weapp
时,没有把原来的px转换成rpx问题解决办法(踩坑记录)
由于node_modules不会编译到dist目录中,所以使用npm安装的
vant-weapp
还需要将仓库中的vant文件夹复制到你的项目目录static下,至此问题就出在放在static文件夹中的文件打包的时候不会被
你好!YOYO
·
2020-07-31 22:19
小程序中使用第三方npm包
1、在小程序的根目录中创建执行:npminit2、在依赖中写入相关的依赖包"dependencies":{"
vant-weapp
":"^0.5.16","echarts":"^4.1.0",}3、工具—
向上人生2
·
2020-07-31 22:25
小程序
记录mpvue+vant-weapp的使用(六):mpvue下面怎么做小程序登录 和 获取van-field的值
1、目前小程序登录是需要主动点击按钮触发的,
vant-weapp
有两种弹窗可以使用,Popup弹出层和Dialog弹出框。我感觉Popup弹出层容易修改一点,所以我这里用的是这个。
qq_28348557
·
2020-07-31 21:49
用
vant-weapp
写一个购物车
vant-weapp
介绍
vant-weapp
是有赞出品的,前端组件库,既然出自有赞之手,必然是尤其适合于做一个商城项目,它移植于vant-ui,后者有的特性大部分都已经实现。
黄秀杰
·
2020-07-31 21:07
小程序Component is not found in path "path/to/
vant-weapp
/dist/button/index"
如果你遇到了这样的问题问题jsEnginScriptErrorComponentisnotfoundinpath"pages/index/miniprogram_npm/
vant-weapp
/action-sheet
锐视创想
·
2020-07-31 20:49
小程序
小程序
mpvue + Vant Weapp 开发小程序之 van-search
提示:不知道怎么配置环境的请先看第一篇的介绍:点击这里1.引入"usingComponents":{"van-search":"/path/
vant-weapp
/search/index"}2.使用exportdefault
lqpgjv
·
2020-07-31 19:18
前端和小程序
小程序开发工具使用 npm 安装 Vant Weapp UI 库
首先生成一个package.json文件在小程序前端目录下,执行npminit添加
vant-weapp
依赖npmivant-weapp-S--production安装依赖,构建之后,在小程序开发工具中,
江湖行骗老中医
·
2020-07-31 19:59
#
小程序
微信小程序使用npm安装第三方库
miniprogram)执行npminit输入一些基本的信息,可以一直回车,按默认就可以,然后会生成一个package.json文件2.安装第三方库有赞文档地址:https://youzan.github.io/
vant-weapp
跟派大星学编程
·
2020-07-31 18:55
微信小程序
微信小程序使用
vant-weapp
IndexBar 自定义索引栏
vant-weappIndexBar组件可实现点击索引栏时,自动跳转到对应的IndexAnchor锚点位置。演示点击索引栏时可快速跳转到该栏对应的锚点位置。代码index.wxml{{item.firstLetter}}index.jsPage({data:{type:"",/**索引栏*/indexList:["A","B","C","D"],scrollTop:0,/**mock客户数据*/c
智慧zhuhuix
·
2020-07-31 18:14
小程序
五分钟快速上手Vant组件,搭建小程序界面样式
VantWeapp是移动端组件库Vant的小程序版本,两者基于相同的视觉规范,提供一致的API接口,有助于开发者快速搭建小程序页面样式,文档地址:https://youzan.github.io/
vant-weapp
Jerry丶惟
·
2020-07-31 18:32
微信小程序
vant-weapp
快速上手
背景知识使用VantWeapp前,请确保你已经学习过微信官方的小程序简易教程和自定义组件介绍。安装1、用小程序工具初始化项目2、在项目根目录下添加npm能力,否则报错微信小程序没有找到可以构建的npm包npminit#一路默认回车#然后执行,通过npm安装npmi@vant/weapp-S--production3、用小程序工具进行npm编译测试如果执行成功,会看到如下界面4、引入组件测试,我们用
骑着驴子去赶集
·
2020-07-31 18:15
小程序
mpvue 使用第三方ui库
使用第三方ui组件的问题以
vant-weapp
为例子直接通过git下载VantWeapp源代码gitclonehttps://github.com/youzan/vant-weapp.git下载完了之后将
洪涛美学
·
2020-07-31 18:31
前端
小程序
mpvue项目使用第三方UI框架vant weapp
我们搜到的教程都是说从
vant-weapp
的git仓库中下载源码,拷贝dist目录到我们创建的mpvue项目文件的static或者dist或者…文件夹中,我觉得都可以吧,只是涉及你引用组件时的路径怎么写
Houzhyan
·
2020-07-31 17:17
mpvue
mpvue
vant-weapp
踩坑记录之数组或对象中的数据发生改变后视图层没刷新的问题
mpvue中数组或对象中的数据发生改变后视图层没刷新的问题使用mpvue动态修改对象中数组的数据,页面不进行渲染deleteImg(event){const{index,name}=event.mp.detail;constfileList=this.policyItem[event.mp.currentTarget.dataset.key]fileList.splice(index,1)this
猜不透我的想法
·
2020-07-31 17:25
mpvue
微信小程序引入第三方UI库
这里引入有赞的
vant-weapp
,因为小程序已经支持使用npm安装第三方包,所以这里使用npm安装。
牧云流
·
2020-07-31 17:40
微信小程序笔记
如何将vant框架引入小程序里使用
vant基于小程序的UI框架:https://youzan.github.io/
vant-weapp
/#/introvant框架引入步骤:1.在要引入框架项目中打开终端使用npminstall下载package.json
dgqzs
·
2020-07-31 17:31
微信小程序项目使用npm安装
vant-weapp
的正确步骤,简单易懂!!
微信小程序项目使用npm安装
vant-weapp
的正确步骤1、在当前小程序项目目录npminit-y构建npm项目2、运行命令npminstallvant-weapp-S--production安装完发现在当前小程序目录下新增
aihe1410
·
2020-07-31 15:37
vant-weapp
使用
1.选中某个class类使用selectComponent('class名称')选择toggle(event){const{name}=event.currentTarget.dataset;constcheckbox=this.selectComponent(`.checkboxes-${name}`);checkbox.toggle();}转载于:https://www.cnblogs.com
a5656566944
·
2020-07-31 15:17
mpvue+Vant-Weapp 微信小程序
一丶
vant-weapp
植入方法1.npm/cnpm安装或者直接下载git下载2.将文件中的dist内容复制到项目static/新建vant下。
ZcBob
·
2020-07-31 15:42
uni-app 引入
vant-weapp
、lin-ui组件库
小程序组件支持在项目中创建wxcomponents目录引入
Vant-Weapp
小程序ui组件库vant-weappgithub地址直接通过git下载VantWeapp源代码,并将dist目录拷贝到自己的项目中引入
是摩卡不是抹茶呀
·
2020-07-31 14:10
前端之旅
uni-app
小程序
小程序第三方 UI 框架之 Vant Weapp 的使用(图文并茂)
前言VantWeapp是有赞移动端组件库Vant的小程序版本,两者基于相同的视觉规范,提供一致的API接口,助力开发者快速搭建小程序应用官方文档:https://youzan.github.io/
vant-weapp
Greenhand_BN
·
2020-07-31 13:11
小程序
vant-weapp
,mpvue,小程序项目中:在函数中除了要拿到事件e,还想再加入参数
环境UI:
vant-weapp
小程序mpvue问题描述
vant-weapp
中有个组件ActionSheet上拉菜单,需要使用其select方法获取用户点击选中得值,这个值在他的event.detail中
Gabriel_wei
·
2020-07-31 13:00
前端
学习
Vue如何引用Vant组件
这里是Vant的官方文档https://youzan.github.io/
vant-weapp
/#/intro第一步使用终端安装Vantnpmivant-S第二步使用终端安装babel-plugin-import
任我行RQ
·
2020-07-31 13:08
Module
小程序开发(2)-引入
vant-weapp
样式
1.使用vue-cli搭建项目框架使用命令:vueinitmpvue/mpvue-quickstartvue-0323参数填写如下:tips:这里我关掉了eslint的校验功能,因为实在是太烦了。输入命令,进入项目文件,并初始化npm.等待下载结束cdvue-0323npminstall下载完成后,输入下面的命令,进入开发模式(只有执行了npm编译后,才能生成小程序所使用的的dist文件。)npm
小魏的马仔
·
2020-07-31 13:56
技术研究
小程序npm引入
vant-weapp
的问题,没有找到可用的NPM包(已经解决)
微信小程序项目使用npm安装
vant-weapp
的正确步骤使用npm安装
vant-weapp
到项目根目录下:npmivant-weapp-S--production然后再详情中选中使用npm模块,然后点击工具栏中的构建
hanhan999999999
·
2020-07-31 13:28
微信小程序
小程序引入
vant-weapp
组件
步骤一初始化npminit步骤二通过npm安装需要注意的是package.json和node_modules必须在miniprogram目录下这里有两种方式我选择第一种通过npm安装npmi@vant/weapp-S--production通过yarn安装yarnadd@vant/weapp--production步骤三构建npm包打开微信开发者工具,点击工具->构建npm,并勾选使用npm模块选
小幸运qaq
·
2020-07-31 13:28
微信小程序Vant Weapp的案例
本次展示微信小程序中引用VantWeapp中的业务组件Card商品卡片参考官方说明在你编写界面的文件夹中index.json引入组件“usingComponents”:{“van-card”:“path/to/
vant-weapp
sam_hammington
·
2020-07-31 13:58
微信小程序云开发
微信小程序前端
小程序实现vant weapp UI的van-index-bar组件(城市列表)
效果van-index-bar组件地址:https://youzan.github.io/
vant-weapp
/#/index-barps:这儿的页面效果和vantweapp组件上不一样,是因为当时引用该组件的时候样式就出了问题
大灰狼吃小白兔
·
2020-07-31 13:45
小程序
微信小程序导入
Vant-Weapp
组件库及出错处理
微信小程序导入
Vant-Weapp
组件库及出错处理一、下载Node.js*链接:https://nodejs.org/en/推荐选择LST的8.0以上版本,下载安装即可,安装完成后可以进行验证cmd打开终端
Dreamer_Sun2020
·
2020-07-31 13:41
微信小程序之引入
vant-weapp
组件库步骤非常详细(云开发)
微信小程序之引入
vant-weapp
组件库步骤非常详细(云开发)一、查看组件库样式:
vant-weapp
组件库链接:https://youzan.github.io/
vant-weapp
/#/intro
『 时光荏苒 』
·
2020-07-31 13:03
uni-app开发微信小程序引入UI组件库(
Vant-weapp
)步骤
uni-app开发微信小程序引入UI组件库(
Vant-weapp
)步骤这里以
vant-weapp
为例uni-app官方文档介绍引入组件的方法1.新建相关目录根目录下创建wxcomponentswxcomponents
weixin_30820151
·
2020-07-31 12:30
小程序
vant-weapp
框架的引入
先介绍一下人家的官网
vant-weapp
注意的是小程序的是
vant-weapp
,有赞的还有一个移动端ui框架vant-app。
月落星河°
·
2020-07-31 12:14
微信小程序
使用Wepy创建小程序步骤以及引用
Vant-weapp
组件库
一。安装Node在使用wepy之前,首先要有npm,npm是Nodejs下的包管理器,大家可以直接到Node.js官网下载。安装可以参考我之前的文章:使用nvm管理node安装和使用安装好后,cmd命令行npmconfiglist,查看npm配置信息二。安装微信开发框架Wepy官方安装使用说明:本人安装步骤npm的包安装bai分为本地安装(local)、全局安装(global)两种本地安装:npm
幟ninefour
·
2020-07-31 12:58
node.js
vue.js
mpvue的使用(二)使用
vant-weapp
1.安装
vant-weapp
依赖包npmivant-weapp-S--production下载完成以后进入node_modules/_vant_weapp下的dist文件夹复制将其dist的文件放到static
筱歌儿
·
2020-07-31 12:34
小程序
微信小程序简易搭建之框架/组件库
微信小程序简易搭建之框架/组件库Vantweapp下面看看如何导入https://github.com/youzan/
vant-weapp
使用教程:1.下载后找到dist2.在你的项目里面点击红色圈的…
CodeHunter_qcy
·
2020-07-31 12:47
微信小程序
微信小程序引入
vant-weapp
选择位置新建项目,本文直接在桌面新建项目1在桌面新建demo文件夹,然后打开微信开发者工具,选择demo文件夹新建小程序项目2用cmd或者powershell找到该项目目录,在该目录下进行安装
vant-weapp
开心就好1314520
·
2020-07-31 12:26
记录mpvue+vant-weapp的使用(一):安装配置使用,引入
vant-weapp
然后,mpvue只是提供了代码编辑的框架而已,里面的组件之类需要第三方的组件库,我看到基本上用的
vant-weapp
的比较多,于是也打算尝试一下。want-weap支持小程序
qq_28348557
·
2020-07-31 12:02
记录mpvue+vant-weapp的使用(三):组件样式覆盖问题
官方有介绍:https://youzan.github.io/
vant-weapp
/#/custom-style我这里使用的外部样式主要按钮.my-buttom{background-color:#fff
qq_28348557
·
2020-07-31 12:02
记录mpvue+vant-weapp的使用(二):使用
vant-weapp
的组件,button和tabs
使用
vant-weapp
,需要配置app.json"usingComponents":{"van-button":"static/
vant-weapp
/dist/button/index","van-tab
qq_28348557
·
2020-07-31 12:02
微信小程序之引入
vant-weapp
组件库步骤非常详细(云开发)
一、查看组件库样式:
vant-weapp
组件库链接:https://youzan.github.io/
vant-weapp
/#/intro二、初始化package.json文件、三、安装对应的
vant-weapp
Memory沙漏
·
2020-07-31 12:26
微信小程序
微信小程序实现三级联动
该三级联动是借助于
vant-weapp
组件库中的vant-picker多级联动实现的我们先看一下效果图我们都知道官方对vant-picker多级联动组件的介绍并不多,而且还会让初学者看的绞尽脑汁,这个是干什么的啊
System.o
·
2020-07-31 12:52
微信小程序
mpvue + Vant Weapp 开发小程序之 van-datetime-picker 和 van-popup
提示:不知道怎么配置环境的请先看第一篇的介绍:点击这里1.引入"usingComponents":{"van-popup":"/path/
vant-weapp
/popup/index","van-datetime-picker
lqpgjv
·
2020-07-31 12:16
前端和小程序
微信小程序 引用
vant-weapp
没有找到 node_modules 目录 解决办法
一、cmd打开终端,cd到项目路径下,执行下面几步云开发直接点miniprogram文件名右键终端打开1、(初始化npm项目,一直回车):npminit2、(生成package-lock.json,记录使用的第三方插件):npminstall--production3、(引入第三方组件有赞新的):npmi@vant/weapp-S--production#npmivant-weapp-S--pro
西半球
·
2020-07-31 12:42
微信小程序
小程序
-第三方
微信小程序使用npm包
一:npm初始化如果你的小程序项目没有安装过npm包的话,你需要先初始化npmnpm init二:安装npm包这里以
vant-weapp
(小程序UI组件库)为例:npm i
vant-weapp
-S
huaweichenai
·
2020-07-31 12:09
微信小程序
npm
微信小程序 已经安装
vant-weapp
但是引入报错
报错jsEnginScriptErrorComponentisnotfoundinpath“@vant/weapp/divider/index”(usingby“pages/news/news”);onAppRouteError:Componentisnotfoundinpath“@vant/weapp/divider/index”(usingby“pages/news/news”)我的.json
陈少君
·
2020-07-31 11:30
微信小程序
vant-Weapp
实现省市区三级联动顶部弹出列表
准备:利用vantweapp做的顶部弹出的省市区三级联动对话框1.下载区域:arrea.js,放到utils备用//三级联动省市区exportdefault{province_list:{110000:'北京市',120000:'天津市',130000:'河北省',140000:'山西省',150000:'内蒙古自治区',210000:'辽宁省',220000:'吉林省',230000:'黑龙江省
尔嵘
·
2020-07-31 11:27
vant
wappp
微信小程序开发
微信小程序之引入使用Vant Weapp组件
VantWeapp官网地址:https://youzan.github.io/
vant-weapp
/#/quickstart,自己可以去其官网详细了解。这里主要总结下微信小程序中如何使用该组件。
流烟默
·
2020-07-31 11:01
小程序
小程序
Vant
Weapp
vant-weapp
:爬坑,其组件Field中的属性value并不是双向数据绑定
需要使用方法,比如失去焦点,获取其输入值htmljsmyBlur:function(e,name){console.log(e)console.log(name)if(name==='name'){//姓名this.mes.name=e.mp.detail.value}elseif(name==='id_card'){//身份证号this.mes.id_card=e.mp.detail.value
Gabriel_wei
·
2020-07-31 11:24
前端
学习
上一页
1
2
3
4
5
6
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他