vantui

vue-cli4创建vantUI项目，按需引入，适配Rem，自定义主题

PS:因为vantUI使用的是less预处理器，配置时建议选择此处理器。
李祥雨·2020-08-24 16:52

微信小程序没找到构建npm或者没找到node_modules目录

我是在引入vantui组件库时遇到的此问题解决办法是：在终端1、npminit2、npmivant-weapp-S--production即可解决转载于:https://www.cnblogs.com/
weixin_30648963·2020-08-24 03:10

移动端vue-cli4开发环境搭建

项目说明基于vue-cli4.0+webpack4+vantui+sass+rem适配方案+axios封装，构建手机端模板脚手架项目地址：vue-h5-template技术栈Vue2.x、CLI4、webpack
星空之火@田兴·2020-08-23 11:45

移动端基于Vue.js的UI框架

VantUI官网地址：https://youzan.github.io/vant/#/zh-CN/简介：有赞公司开发的。
U.R.M.L·2020-08-22 10:00

移动端H5页面-微信内浏览器软键盘弹起input失焦后不回弹

场景：IOS微信内置浏览器在打开H5页面的时候，input输入时软键盘弹起，页面会被顶起来，软键盘收起的时候页面不回弹出现的条件为：页面高度过小&&聚焦时，页面需要往上移动的时候解决：（以vantUI的输入框为例
你好！YOYO·2020-08-22 10:16

vantUI中修改NavBar 导航栏字体颜色

API文档中，没有说明如何修改NavBar导航栏的字体颜色，那么当我们需要修改此颜色时，怎么办呢？首先会在页面中，审查元素找到组件对应的标签去做修改，如果不能解决，那么就要使用深度选择器/deep/或::v-deep，实现对组件内部的样式修改1、引用navBar组件2、修改组件字体。图标等颜色/deep/.van-ellipsis{color:#EE0A24;}/deep/.van-nav-bar
九零七·2020-08-21 02:48

vue-cli4创建vantUI项目，按需引入，适配Rem，自定义主题

PS:因为vantUI使用的是less预处理器，配置时建议选择此处理器。
李祥雨·2020-08-21 00:11

vue-cli4创建vantUI项目，按需引入，适配Rem，自定义主题

PS:因为vantUI使用的是less预处理器，配置时建议选择此处理器。
李祥雨·2020-08-21 00:11

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

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

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

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

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

vue微信网页授权，基于vue-cli3.0+webpack4+vantui+sass+rem适配方案+axios，开发的微信授权方案。
程序媛花花·2020-08-20 21:05

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

vue微信网页授权，基于vue-cli3.0+webpack4+vantui+sass+rem适配方案+axios，开发的微信授权方案。
程序媛花花·2020-08-20 21:05

vue-cli3结合vantUI框架实现国际化语言切换

顺手附上vantUI国际化官方文档地址：vantUI另外要提到的就是开源的vue-i18n,这里也附上文档地址：vue-i18n这里先提一下接下来要用到的$t()方法，这是vue-i18
博乐110·2020-08-18 23:19

vue移动端优秀框架收集

1.VantUI官网地址:https://youzan.github.io/vant/#/zh-CN/intro简介：有赞公司开发的。
weixin_33857679·2020-08-18 22:16

微信小程序input数据双向绑定

先声明我们用的vantUI。
晨~星·2020-08-17 23:33

vue-轮播图导致下方文字抖动问题

vue-轮播图导致下方文字抖动问题在使用vantui的swipe组件时遇到下方文字抖动的问题解决方案：在样式里加入transform:translateZ(0)/deep/.van-swipe{text-align
清栀丶·2020-08-16 13:55

vue项目里使用vantUI框架使用轮播组件和懒加载出现元素跳动的问题

移动端开发过程发现：1.懒加载我局部使用报错。只好全局引入，也方便以后其他页面的使用main.js//orwithoptions(options为可选参数，无则不传)import{Lazyload}from'vant'; Vue.use(Lazyload,{preLoad:1.3,error:'static/img/error.jpg',loading:'static/img/loading.gi
milli236·2020-08-16 10:42

vue 项目 之 移动端周边商城 【0项目搭建】

1初始化项目vueinitwebpackcode_zb2先跑项目接下来的操作移步到vscode中2安装vantui库请看我的另一篇博文这里不做详细说明vue项目中按需引入vant组件3配置好vant之后做个简单测试测试
笑望灬星辰·2020-08-15 07:01

VUE开发移动端使用rem和引入组件库像素比例不同的问题

postcssnpminstallpostcss-pxtorem--save-dev根目录没有postcss.config.js新建一个module.exports=({file})=>{//项目引入了vantui
weixin_42309175·2020-08-12 00:37

VUE采用VW布局结合vant UI搭建项目流程

VUE采用VW布局结合vantUI搭建项目流程默认本地安装好了node环境及v-cli脚手架（未安装的话请行安装）,检查版本。
weixin_39393337·2020-08-12 00:33

小程序中使用MpVue框架+VantUI，编译正常但是小程序开发工具中展示时报错

小程序中使用MpVue框架+VantUI，编译正常但是小程序开发工具中展示时报错解决办法：小程序开发工具中ES6转Es5appcreatedandcachelogsbysetStorageSyncVM2607
meiwan123·2020-08-11 17:28

vant UI框架适配移动端字体

vantUI框架适配移动端显示做移动端项目时使用了vant框架，但电脑显示字体正常，真机上显示字体特别小，记录实现移动端适配的方法，以便做资料查询。
Schrodinge·2020-08-10 14:54

新闻移动端练习知识点记录

鉴权3.3.个人中心3.4.路由守卫3.5.axios部分设置3.6.css穿透scoped修改子组件样式3.7.video标签使用3.8.父组件中子组件标签上添加点击事件3.9.组件递归嵌套3.10.vantUI
堕落的谭粘贴·2020-08-07 23:10

vue移动端地址编辑地址回显

写这篇文章主要是前面写这个地址的时候遇到了一些坑，走了许多弯路，这里记录一下，给新手朋友们指道，这是编辑原图最开始我用了vantui框架，在地址这方面vant一直很好用，地址列表省市区选择组件都用，最开始没什么问题在经历了几次版本更新之后不知道什么页面与
通通...·2020-08-07 21:55

小程序中使用vant ui详解

小程序自带的一些组件有时候不能满足我们的一些需求，这个时候引入vantui的组件是一个好的选择，今天详细说说使用这个vantui的曲折过程。。。。
*唔西迪西*·2020-08-07 17:30

mpvue遇到问题

1.项目中引入vantui组件库，组件路径报错Componentisnotfoundinpath"static/vantUi/button/index"(usingby"pages......:2.引入
wxy_little1025·2020-08-05 03:43

vue-cli -- vantUI按需加载

1、引入loading组件(想引入几个组件，就在{}里面写入几个组件)import{Loading}from'vant'2、注册loading组件(有几个组件，就在component里面按照样子写几个)exportdeafault={components:{[Loading.name]:Loading}}3、调用loading组件//调用组件//type是vant里loading组件的类型//si
aina0674·2020-08-02 22:28

关于uniapp使用开发的基础知识

在使用uniapp开发时，我推荐使用colorUI或者vantUI，进行开发，在使用uniapp本身的组件时，要注意它组件的一些兼容问题。uniapp发起数据请求方法，uni.reque
animor·2020-08-01 11:27

FormData实现文件上传

我用到FormData传输的使用场景：vantUI组件里面的图片上传这块，需要调用后台的图片上传接口，使用的是FormData方式上传的https://www.cnblogs.com/hutuzhu/p
aican1592·2020-08-01 11:35

VantUI(ZanUI)框架使用async-validator进行表单数据校验

原创文章,转载请私信.订阅号tastejava学习加思考,仔细品味java之美前端UI框架与async-validator介绍VantUI是一款有赞出品的基于Vue的前端手机端开发框架ElementUI
今秋复来此·2020-08-01 09:56

VantUI Tab标签页 里使用 DropdownMenu下拉菜单的 bug

日常踩坑笔记如果你的van-tabs有animated属性，并且里面有使用van-dropdown-menu下拉菜单组件，你会发现，我的下拉菜单去哪了？内容2内容3exportdefault{name:'Demo',data(){return{active:0,value1:0,option1:[{text:'全部商品',value:0},{text:'新款商品',value:1},{text:'
ZionHH·2020-08-01 08:34

伸手党系列三：使用mpvue+VantUI+flyio进行小程序开发

使用mpvue+VantUI+flyio进行小程序开发基础介绍1.安装mpvue创建一个基于mpvue-quickstart模板的新项目全部流程这里是模板的具体配置信息（如果你还不太明白这些内容的含义，
钱不多啊·2020-08-01 08:37

小程序使用npm包引入vantUI组件库

1.初始化小程序项目在项目根目录下npminit为了生成package.json2.新建node_modules文件夹3.在项目根目录下npmivant-weapp-S--production4.node_modules目录下生成了2个文件夹。一个带版本号，一个不带。在微信开发工具“构建npm”。我们再检查下小程序的miniprogram_npm目录。发现引入了带版本号的npm模块。接下来。我们关
weixin_43831302·2020-08-01 06:56

原生vue实现VantUI中IndexBar索引导航栏功能

这里是以城市列表数据作为索引，通过对于城市拼音的首字母进行Index索引标识，通过右侧的字母索引列表，能够快速到定位到左侧的城市列表信息，找到指定的字母Index下的所有城市列表信息数据，并且进行显示，实现了VantUI
旧城tk·2020-08-01 05:40

使用vantUI的Uploade组件上传图片，后台获取base64码，如何在后台转换成文件并进行保存？

data(){return{fileList:[]}}fileList是数组，下面举例上传一个图片时fileList打印的值所以我们真正需要传递给后端的是fileList[0].content.replace(/^data:image\/\w+;base64,/,'')//replace消除前缀，获取完整的base64码在后端接收后，这里我使用的是koa搭建的后台router.post('/put
bokolin·2020-08-01 05:43

自定义vant ui steps组件效果实现

记录个问题，当作笔记吧：因为vue项目的移动端vantui的step组件跟ui设计图有差别，研究了半天还是没法使用step组件，只能手动设置一个先上效果图和代码：（1）HTML部分{{item.title
weixin_33827731·2020-08-01 04:06

小程序中使用MpVue框架+VantUI，编译正常但是小程序开发工具中展示时报错

小程序中使用MpVue框架+VantUI，编译正常但是小程序开发工具中展示时报错解决办法：小程序开发工具中ES6转EssappcreatedandcachelogsbysetStorageSyncVM2607
在外的少年·2020-08-01 02:01

VantUI TypeError: Cannot set property 'zIndex' of undefined解决

所以一直把关注的重点放在vatUI的版本上，但是升级了vantUI最新
叶落无痕52·2020-08-01 01:15

微信小程序引入vant UI

1.在小程序项目根目录上初始化npmnpminit2.执行官方要求的命令：npminstall--production3.启用npm4.执行VantUI提供的安装命令npmivant-weapp-S--
前端小李·2020-07-31 23:20

wepy--用vantUI 实现上弹列表并选择相应的值

vantUI就不多做介绍了，是一个相对来说比较好用的ui组件库，下面是地址大家可以自己去看看：https://youzan.github.io/vant/#/zh-CN/actionsheet接下来我们直接进入正题
非往·2020-07-31 23:49

vant自定义引入iconfont图标

我也算是使用vantUI的初学者，但是我这个人比较喜欢思考一些问题，喜欢钻研一些问题，2333.想要了解vantUI的可以点击https://youzan.github.io/vant/#/zh-CN/
傻她你呀·2020-07-31 23:17

微信小程序内使用vantUI

vant微信版官网：https://youzan.github.io/vant-weapp/1：初始化项目打开终端cd到项目根目录，运行npminit，然后配置相关信息，可以全部回车。2：安装npmnpminstall--production3：安装vantUinpmi@vant/weapp-S--production4：构建npm包在微信开发者工具内点击工具->构建npm。等待数秒后构建完成。5
飞鸿w·2020-07-31 23:39

微信小程序input数据双向绑定

先声明我们用的vantUI。
飞奔的喀纳斯蜗牛·2020-07-31 22:44

微信小程序是使用vantUI组件

1、初始化npminit //一步步走下去，不懂得可以去学学npm，很简单2、安装vant#npm安装npmivant-weapp-S--production#yarn安装yarnaddvant-weapp--production3、在微信小程序上左上角工具=>构建NPM成功会出现一个这样的文件夹：4、使用：安装路径挂载{"usingComponents":{"van-button":"/mini
胜天一子半·2020-07-31 22:00

vantUI时间选择器将选中值改为 yyyy-mm-dd 00:00:00 格式

vantUI时间选择器默认选中值为：更改之后代码如下data(){return{currentDate:newDate()};}，methods:{Change（）{console.log(this.currentDate
lwfcomeon·2020-07-31 20:57

uniapp踩坑记录（持续更新）

uniapp官网1、有关于vantUI版本的问题。app和小程序必须要用vantweapp，链接地址为vantapp官网地址。
William.Yao·2020-07-31 15:58

（vantUI ）获得piker选中值的自定义ID

vantUI官网：picker官网例子exportdefault{data(){return{columns:['杭州','宁波','温州','嘉兴','湖州']};},methods:{onChange
HYeeee·2020-07-31 13:20

微信小程序引入vant 提示没有可以构建的npm包

今天尝试在微信小程序中引入vantUI组件，然后按照官网说明去npm安装，然后点击工具构建npm，却一直提示没有可以构建的npm包经过仔细查阅官方文档和找了一波技术帖，最终按照以下步骤成功引用vantUI1
XC_xiaochen·2020-07-31 13:07

VantUI自定义Tabbar图标切换+路由跳转

在src目录下新建个components文件夹来放自己定义的tabbar组件{{item.title}}exportdefault{name:"tabbar",data(){return{active:0,tabbarList:[{name:"index",title:"发现",normal:"https://sucai.suoluomei.cn/sucai_zs/images/201909100
任我行RQ·2020-07-31 13:07

wepy+vant-weapp踩坑记

最近用了几个月的wepy框架，碰到了挺多问题，这里总结一下1.clone的代码无法再本地运行，wepy报错解决方案：执行命令：`[email protected]`2.使用vantui
weixin_34008933·2020-07-31 12:14
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他