vantUI

微信小程序导入VantUI踩坑实录

我这里引入的是第三方VantUI。在用vue写移动web的时候，踩了许多坑，所以这个第三方使用起来最为顺手。
叶落无痕52·2020-07-31 12:07

小程序开发笔记：安装 Node.js，使用 npm 引入 Vant Weapp（Vant UI）组件

VantUI是轻量、可靠的小程序UI组件库，可以方便我们快速制作出美观的小程序界面。
Mengo_x·2020-07-31 12:20

小程序使用Vant weapp的下拉框组件dropdown嵌套索引栏IndexBar无法正常跳转至对应锚点且底部异常

VantUI库是采用dist文件引入的方式导入。按官方demo在xx.json引入组件"van-index-bar":"../..
柚子君_·2020-07-31 11:07

有赞vant-ui Tabs、List、PullRefresh组件实践

Vantui+Vue.js部分组件实践功能需求是实现一个移动端的栏目列表切换，于此同时列表需要进行下拉刷新，上拉加载如下图，大概是一个这样的东西看起来是挺简单的，实现起来很方便。
weixin_34128501·2020-07-13 18:58

h5的vue项目vantUI--tab切换或者筛选条件时上拉加载不触发上拉load事件

最近利用vue和vantUI写h5的项目，遇到的问题总结：问题：vantUI–tab切换或者筛选条件时上拉加载不触发上拉load事件loading为false是加载中，finished为true是已结束状态
沐子凡·2020-07-13 11:52

Vant Uploader 文件上传

Uploader文件上传使用VantUI的Uploader组件进行文件上传封装一个upLoaderImg.js公共方法//upLoaderImg.jsimportaxiosfrom'axios'//引入
gqkmiss·2020-07-13 05:43

vue -vantUI tab切换时 list组件不触发load事件解决办法

最近由于公司项目需要，用vue写了几个简单的页面。用到了vantUIList列表瀑布流滚动加载，用于控制长列表的展示当列表即将滚动到底部时，会触发事件并加载更多列表项。（页面加载完成后默认会自动加载一次，可以:immediate-check="false"这样设置一下，页面加载完成后就不会自动加载一次了）看上去一切都很美好；但是tab进行切换的时候，list组件的load事件不会再次被触发！！！就
weixin_30580341·2020-07-12 23:40

小程序及H5皮肤包推荐及范例整理

第二款：ColorUI：ColorUI目前正在使用的一款UI组件，支持uni和微信小程序，效果绚丽多彩第三款：vantUI（又名：ZanUI）：vantUIVantWeapp是移动端Vue组件库Vant
十二指环·2020-07-12 16:09

推荐基于vuejs的前端UI框架

目录1.前言2.网站资源3.ui框架3.1.MintUI3.2.CubeUI3.3.ElementUI-PC端推荐3.4.iViewUI2.5.AtUI3.5.VantUI-H5推荐3.6.Nutui1
我是何平·2020-07-08 19:37

关于uni-app的ui库、ui框架、ui组件

比如element-ui、mint-ui只能用于h5；比如vantui、iviewui则分h5版和小程序版，h5版只能用于h5，而小程序版（vantweapp）只能用于微信和App。
让想法变成执行力·2020-07-08 08:17

uni-app引入vant weapp

后来学习了Vue，就觉得Vue真的很好用，就想能不能用Vue开发androidapp，在网上找了半天，发现了uni-app，然后又找了一下UI库，听说vantui不错，就看了一下，果然挺好。
COMPOSER_G·2020-07-07 20:14

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

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

微信小程序：使用VantUI组件库

微信小程序可以支持npm导入第三方库了（https://developers.weixin.qq…）;VantUI是一个不错的移动UI组件库，下面我们在微信小程序中引入第一步：在小程序工程的根目录下执行
Jacky张·2020-07-04 00:21

基于vue的h5抽奖活动九宫格转盘及圆形转盘

这边基于vue和vantUI的loading组件造了这2个轮子。九宫格抽奖思路动态构造几次方的正方形抽键盘的4条边；requestAnimationFrame来控制动画执行过程。
RowanIT3·2020-07-01 13:20

Vant UI + Vue + Cli3.0 + Rem移动端项目搭建

VantUI+Vue+Cli3.0+Rem移动端项目搭建1.创建vue项目创建项目vuecreatevant-demo引入less(通过vueui可视化页面安装依赖插件）vueui2.引入vantuinpmivant-S3
ZYN5431·2020-06-25 19:01

在vue-cli脚手架中vantUI

第一步：需要我们创建一个vue-cli脚手架项目，步骤如右侧文章链接(vue-cli脚手架安装步骤)第二步：通过cd...进入我们的项目中，开始引入我们的vantUi库安装Vant（进入项目中）npmivant-S
muzidigbig·2020-06-24 16:10

vantUI框架在vue项目中的应用踩坑

细节未完善。参考地址编辑方面的应用。1.订单提交地址等组件的应用。使用的组件有如下：import{Card,button,Toast,AddressList,Popup,AddressEdit,Area}from'vant'主要是配货地址编辑这块；地址编辑。没有用默认的地址编辑属性：search-resultsearch-result详细地址搜索结果所以去掉了，一是没有做地理搜索功能。而且发现模拟
milli236·2020-06-24 14:51

vue阻止事件冒泡

大致就是一个商品列表，点击里面的每条商品记录就能进入对应商品详情页，点击每条记录里面的步进器就可以对商品的数量进行修改，我给外层的DOM节点绑定了一个点击事件，用来触发跳转进入商品详情页的动作，步进器我用的是VantUI
elichan·2020-06-23 06:26

Vue2+仿douban app项目

说明vue仿豆瓣app项目持续更新中....技术栈vue2+vuex+vue-router+ES6+fetch+sass+flex+svg+vantUI版本:vue:^2.6.11,vue-router
yiyi呐·2020-06-08 09:32

js订单支付倒计时

结合vantUI的倒计时（CountDown）使用；res.data.createTime为接口返回的时间字段，IOS上显示时不支持的时间格式（"2020-05-2016:21:18"）要转化一下为：res.data.createTime
半日闲_balance·2020-05-21 18:57

Vue3 Vant UI

前段架构学习前端架构VSCODENode14.1.0Vue3VantUI安装NVM并配置安装NVMcurl-o-https://raw.githubusercontent.com/nvm-sh/nvm/
AndyXuuu·2020-05-07 10:24

Vue+Vant ui实现日期时间选择

Vue+Vantui实现日期时间选择VantDatetimePicker时间选择1、安装Vantuinpmivant-S2、在main.js中引入Vantui//引入vantimportVantfrom'vant'import'vant
Eddie·2020-04-10 02:19

Vue+Vant ui实现图片预览

Vue+Vantui实现图片预览Vant图片预览1、在所需要使用的组件里面引用import{ImagePreview}from'vant';2、具体使用详解//通过函数传参的方式把图片数组和位置索引放入到
Eddie·2020-04-09 17:02

【前端】vant ui 使用本地图片做图标

vantui在使用本地图片时加载不出来，需要在需要引入的链接外加上一层require包裹住就可以了，再通过:icon设置exportdefault{data(){return{newIcon:require
普鲁托蓝·2020-03-06 10:09

vue vantUI tab切换时 list组件不触发load事件的问题及解决方法

最近由于公司项目需要，用vue写了几个简单的页面。用到了vantUIList列表瀑布流滚动加载，用于控制长列表的展示当列表即将滚动到底部时，会触发事件并加载更多列表项。（页面加载完成后默认会自动加载一次，可以:immediate-check="false"这样设置一下，页面加载完成后就不会自动加载一次了）看上去一切都很美好；但是tab进行切换的时候，list组件的load事件不会再次被触发！！！就
雨天呐·2020-02-14 08:45

vue2组件系列第一节：Layout布局

目录：vue组件系列课程简介页面结构介绍安装vue，vue-cli，安装vantUI框架导入组件各页面代码详情Layout布局介绍总结vue组件系列课程简介：这一套组件系列课程主要介绍我们项目开发过程当中经常遇到的各种组件集锦
独绽2018·2020-01-06 06:49

vue微信网页授权最终解决方案

vue微信网页授权，基于vue-cli3.0+webpack4+vantui+sass+rem适配方案+axios，开发的微信授权方案。
花花乖摸摸头·2019-12-22 11:38

对input进行输入金额控制(保留小数点后一位)

在我们的项目中使用的VantUI,因为封装的输入框(文字，数字)都是用的van-field。
honey缘木鱼·2019-12-01 09:04

input上传图片并压缩（vue，前端，js）

下面直接上代码（本代码段是用用在vue&vantui里面，原理都在，可根据自己的需求来相应的修改）/***上传文件*/uploadImg(blob,base64){//接收到回调函数获取到压缩后图片文件
Arthas_Xue·2019-08-24 14:20

mpvue写小程序遇到的问题总结(自己用mpvue实现一个小程序的tabbar,vantUi的使用)

前言公司要开发一个小程序，面向用户分为3种角色，所以要自己手写个tabbar(文章编辑中，届时将链接放过来)因为也是时隔很久写小程序，就选择了跟vue相近的mpvue来写，或多或少也遇到了点问题，现总结一下。开发环境：系统：MAC，版本10.14.6；微信开发者工具：Nightlyv1.02.1908222;1.当v-for遇到template标签VUE:平常我们遍历数据可能这么写，key属性写到
大师兄·2019-08-24 00:00

vue悬浮可拖拽悬浮按钮的实例代码

前言vue开发手机端悬浮按钮实现，可以拖拽，滚动的时候收到里边，不影响视线github地址使用，基于vue-cli3.0+webpack4+vantui+sass+rem适配方案+axios封装，构建手机端模板脚手架
乖摸摸头·2019-08-20 09:18

基于vant商城组件库

前言商城常用的组件开发基于vantui开发，让商城开发变得更简单以我整理的vue项目脚手架vue-h5-template为基础开发商城组件库，高度组件化github地址在这里你可以找到可拖拽悬浮按钮横向滚动导航栏
乖摸摸头·2019-08-19 00:00

从零开发一款自己的小程序UI组件库（一）

使用已有的UI组件库，诸如：vantUI-weapp、minUI-weapp等UI组件库的诞生使我们的开发速度大大的加快，丰富的组件拿来即用【更多的UI组件库、框架可查看我的另一篇博客移动端、PC端（前后台
电子猫·2019-07-28 17:00

VantUI时间选择器

之前没用过VantUI，拿到需要用到时间选择器的时候也是捉摸了一会。大概需求是，点击弹出时间选择器，并显示时间到页面上。
一只阿童木丶·2019-07-06 13:32

Vue 路由守卫解决页面退出和弹窗的显示冲突

在使用UI框架提供的弹出层Popup时，如VantUI的popup，在弹出层显示时，点击物理按键或者小程序自带的返回时，会直接退出页面，这明显不符合页面逻辑。
vegetbaleBrid·2019-07-05 11:00

详解vue微信网页授权最终解决方案

vue微信网页授权，基于vue-cli3.0+webpack4+vantui+sass+rem适配方案+axios，开发的微信授权方案。
乖摸摸头·2019-06-16 10:19

vue微信网页授权最终解决方案

vue微信网页授权，基于vue-cli3.0+webpack4+vantui+sass+rem适配方案+axios，开发的微信授权方案。
乖摸摸头·2019-06-15 00:00

vuecli3 vant rem 移动端框架方案

描述基于vue-cli3.0+webpack4+vantui+sass+rem适配方案+axios封装，构建手机端模板脚手架帮你做好的配置有vuecli3.0多环境开发axios封装rem适配方案生产环境
weixin_33834075·2019-06-11 00:59

在微信小程序中使用vant的方法

在微信小程序中如何使用vantUI,最近在开发小程序项目的时候遇到了这个问题,去网上百度发现大家给的步骤普遍都是直接npmivant-weapp-S--production,接着构建npm,然而,我在尝试的时候发现
momeakD·2019-06-07 11:51

vuecli3 vant rem 移动端框架方案

描述基于vue-cli3.0+webpack4+vantui+sass+rem适配方案+axios封装，构建手机端模板脚手架帮你做好的配置有vuecli3.0多环境开发axios封装rem适配方案生产环境
乖摸摸头·2019-05-23 00:00

vue-cli -- vantUI按需加载

1、引入loading组件(想引入几个组件，就在{}里面写入几个组件)import{Loading}from'vant'2、注册loading组件(有几个组件，就在component里面按照样子写几个)exportdeafault={components:{[Loading.name]:Loading}}3、调用loading组件//调用组件//type是vant里loading组件的类型//si
不会代码的前端·2019-04-03 11:00

关于uni-app的ui库、ui框架、ui组件

比如elementui只能用于h5，而vantui有h5版和小程序版，h5版只能用于h5，而小程序版只能用于微信和app（uni-app在app侧支持使用小程序ui组件）。
Wjhsmart·2019-02-25 11:15

详解vantUI框架在vue项目中的应用踩坑

1.订单提交地址等组件的应用。使用的组件有如下：import{Card,button,Toast,AddressList,Popup,AddressEdit,Area}from'vant'主要是配货地址编辑这块；地址编辑。没有用默认的地址编辑属性：search-resultsearch-result|详细地址搜索结果所以去掉了，一是没有做地理搜索功能。而且发现模拟测试老是有bug，干脆去掉。2.默
易水人去丶明月如霜·2019-01-24 15:37

详解vantUI框架在vue项目中的应用踩坑

1.订单提交地址等组件的应用。使用的组件有如下：import{Card,button,Toast,AddressList,Popup,AddressEdit,Area}from'vant'主要是配货地址编辑这块；地址编辑。没有用默认的地址编辑属性：search-resultsearch-result详细地址搜索结果所以去掉了，一是没有做地理搜索功能。而且发现模拟测试老是有bug，干脆去掉。2.默认
milli236·2018-12-06 08:33

VantUI popup 弹窗不弹出或无蒙层

背景####组件PopupTime.vue把vant官网的popup+时间选择器抽成组件：popup1show:true即弹窗显示exportdefault{props:{popupTitle:Object,},data(){return{popup1show:true,currentDate:newDate(),};},methods：{clickOverlay(){this.onCancel(
HYeeee·2018-09-17 19:00

移动端、PC端（前后台）、小程序常用的UI框架

1.移动端UI库①.VantUI官方地址：https://youzan.github.io/vant/#/zh-CN/introgithub地址：https://github.com/youzan/vant
电子猫·2018-08-10 11:00
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他