vantUI

微信小程序UI组件库合集

miniprogram/dev/extended/weui/预览码：image第二款：ColorUI：地址https://github.com/weilanwl/ColorUI预览码：image第三款：vantUI
一个爱上喝酒的程序猿·2022-02-07 14:22

微信小程序自定义菜单导航实现楼梯效果

在框架中vantUI框架也为我们实现了这一效果。微信小程序该如何实现？？
·2022-02-07 13:44

微信小程序导入有赞UI踩坑

先放出来VantUI的官方文档https://youzan.github.io/vant-weapp/#/changelog第一种最简单的方法,直接下载VantUI或者是gitclonehttps://
如也_d1c0·2022-02-03 07:28

【小程序云开发+VantUI】云开发环境引入VantUI，解决npm构建报错问题

1.使用模板创建云开发(此处省略)2.引入VantUI，有坑，(云开发的坑好多)在miniprogram文件夹下执行npminit，创建package.json在miniprogram文件夹下，按照Vant
·2022-01-12 10:43

vue2+vant ui 手机端脚手架

基于vue-cli4.0+webpack4+vantui+sass+rem适配方案+axios封装，构建手机端模板脚手架GitHub：https://github.com/ohmylover/...目录结构
·2022-01-07 16:23

【云开发】10分钟零基础学会做一个快递查询微信小程序，快速掌握微信小程序开发技能（轮播图、API请求）

学完这篇，起码学会以下几点了解微信开发者工具和云开发代码目录轮播图的实现使用wx.request去请求数据使用vantUI组件学会开通并使用云开发提供的cms数据管理后台从编写代码到上
·2021-12-30 22:52

uniapp引入vantUI库

image.pnguniapp引入vantUI库下载vant组件vant的GitHub下载地址下载完成后解压，然后在项目更目录下创建文件夹wxcomponents，注意这里的wxcomponents目录级别和
编程小橙子·2021-12-16 11:52

vue倒计时组件

模仿vantUI的倒计时组件，自己写了个简易的{{countDown}}exportdefault{data(){return{thisTime:0,timer:'',//公共定时器countDown:
townYouth·2021-11-25 13:12

微信小程序内如何导入vantUI组件

简单记录一下如何在微信小程序内引入vantUI组件（亲测有效）以新建一个微信小程序项目为例，新建一个小程序后，打开微信开发者工具在打开后的终端下输入npmi@vant/weapp-S--production
·2021-11-04 23:42

微信小程序 自定义tabbar (会话客服) Vant组件

设计会话客服放在tabbar上的情况,但是会话消息必须通过button触发,然鹅小程序的默认tabbar层级最高,没办法再上面添加button事件,这时,我们就需要实现一个自定义tabbar,我用的是Vantui
viwei·2021-09-15 11:29

用VUE手撸一个音乐播放控件

基于以上需求，先进行UI的绘制，由于项目中使用了vantUI框架，所以拖动条直接用vant中的slider滑块即可i
冰sir·2021-08-31 16:31

Vue2.6 class 组件语法使用vant ui遇到的坑

将使用到vantui组件的组件改写为exportdefault{}导出//exportdefaultclassextendsVue{}exportdefault{}
Flinn·2021-06-27 15:46

Mpvue小程序开发记录 - 调起微信登录

希望能持续维护吧假设你在mpvue上已经做好了配置,框架中使用ui为有赞的vantUI关于button按钮登录测试调用小程序原生的open-typegetUserInfo获取用户详细信息,从而调起小程序登录授权框参考文档
KoPa·2021-06-22 09:22

浅谈使用Vue完成移动端apk项目

我们项目使用的是Vue和Vant组件，详情都可以看官网哦VantVue完整项目视频链接目录结构：基本配置入口文件main.js首先做一个引入我们的VantUI组件是按需引入，而ElementUI是全部引入所以引用方式也不同
·2021-06-10 11:54

一文带你使用Vue完成移动端(apk)项目

我们项目使用的是Vue和Vant组件，详情都可以看官网哦VantVue完整项目视频链接目录结构：基本配置入口文件main.js首先做一个引入我们的VantUI组件是按需引入，而ElementUI是全部引入所以引用方式也不同
David凉宸·2021-06-09 13:03

解决ios 微信vue点击input标签两次才响应的问题

背景：我们公司H5View项目使用的是VantUI，今天有个需求是做个带有搜索框的页面，按照之前的方式，引入van-search标签，开心的我以为已经搞定了。
叶落无痕52·2021-04-29 14:36

VantUI DatetimePicker 时间选择使用过程中无法赋值时间

背景介绍：我们公司的H5View项目使用的是VantUI，而恰好VantUI中提供了DatetimePicker时间选择，但在使用过程中遇到了一些问题，现在记录如下：我们写了一个类似于12306的时间控件
叶落无痕52·2021-04-28 14:32

关于最近项目中使用vant的一些总结

vantUi是有赞团队开发的一款针对于小程序及手机端的一款UI框架使用时非常方便但是其中一些bug也很多把项目中遇到的坑及小tipes分享一下供自己记忆同时也分享给大家好好读文档好好读文档好好读文档!
火腿肠烧烤大赛冠军·2021-04-13 11:24

vantUI标签栏Tab滚动失效的解决

使用场景红圈处使用了vant的Tab标签栏组件，官方文档显示Tab过多时点击某一个，改标签会自动居中官方文档的描述测试时发现当内容超过显示范围之后，并不会出现滚动，一开始以为是少些什么属性了，各种排除后只能从自己身上找问题。于是想上找到父元素，删除了父元素身上的display:flex属性删除flex问题解决~
Mr哎呦喂·2021-04-12 22:51

vantui+vue写移动端项目练手

前言：本人属于垃圾码农一枚，此项目纯属练手，内容全部由本人自己构思，图片以及icon不属于本人原创，接口采用真实数据是自己付费买的，给小白们一起学习学习，需要源码请移步gitee:项目链接可能因为工作原因更新不及时，但目前已配置代理，进行真实数据渲染，后期会新增vuex等一些内容来丰富。如果给你带来了帮助请给我的项目一个star！效果展示：
陆小千很爱她·2021-04-09 22:28

[css] 你有用过哪些css框架？说说它们的特点

至于elementUI，antDesign，vantUI，mintUI这
小歌谣（公众号同名）·2021-02-22 11:24

基于VantUI的Vue移动端电商项目实战

目录：【叩丁狼教育】基于VantUI的Vue移动端电商项目实战┣━━00101-Vue课程介紹.mp4┣━━00202-gitee注册.mp4┣━━00303-git安装.mp4┣━━00404-git
AAA念你如初·2021-01-29 18:33

微信小程序UI组件库合集

developers.weixin.qq.com/miniprogram/dev/extended/weui/预览码：第二款：ColorUI：地址https://github.com/weilanwl/ColorUI预览码：第三款：vantUI
·2021-01-28 15:22

微信小程序UI组件库合集

developers.weixin.qq.com/miniprogram/dev/extended/weui/预览码：第二款：ColorUI：地址https://github.com/weilanwl/ColorUI预览码：第三款：vantUI
·2021-01-27 23:56

项目开发流程

项目流程项目介绍首先我的项目是根据给的接口文档跟效果图来判断是怎么类型的，主要有移动端跟后台系统PC端两部分，如果是后台PC端的话就用elementui来布局，如果是移动端项目就采用vantui来布局。
张宇杭.·2021-01-15 09:05

使用Vant 组件 [“usingcomponents“][“van-button“]: “@vant/weapp/button/index“ 未找到：

app.json:["usingcomponents"]["van-button"]:"@vant/weapp/button/index"未找到在开发微信小程序时，需要引入好看的UI库，这时就需要用到VantUI
张大帅的博客·2021-01-12 09:47

解决VantUI popup 弹窗不弹出或无蒙层的问题

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

使用vue vantUi框架 根字体是37.5 和默认根字体75不一致，导致页面组件样式变小

可以试下这样去配套组合使用style的转换：postcss-pxtorem+amfe-flexiblehtml行内标签的转换：style-vw-loader怎么装自行百度这里就贴下怎么配置vue.config.jsmodule.exports={chainWebpack:config=>{config.module.rule('vue').test(/.vue$/).use('style-vw-l
Traveller·2021-01-08 00:23

2021-01-04

vue项目开发流程（教育类）我们这个项目是一个教育类的移动端项目，我们用到的技术栈是vantui和vue-cli4脚手架axios,router,vuex.首先先搭建脚手架，vuecreate项目名来搭建脚手架
中庸之为德也，其至矣乎·2021-01-04 22:29

vue-cli4+vant+rem+sass+vuex+axios封装+webpack搭建移动端项目

h5移动端项目模板基于vue-cli4.0+wedpack4+vantui+sass+rem适调方案+axios封装，构架手机端模板手脚架启动项目gitclonehttps://github.com/teach-tian
weixin_45948566·2020-12-31 07:00

在html使用vant中的ImagePreview组件报错

因为不是脚手架安装的vantUI，用法有些不同，有些组件需要在前面加vantImagePreview的用法：vant.ImagePreview(['https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy
Z安迷修·2020-12-29 15:28

vue-cli4+vant+rem+sass+vuex+axios封装+webpack搭建移动端项目

h5移动端项目模板基于vue-cli4.0+webpack4+vantui+sass+rem适配方案+axios封装，构建手机端模板脚手架启动项目gitclonehttps://github.com/teach-tian
星空之火@田兴·2020-12-25 17:04

Vant 中的Toast设置全局的延迟时间操作

补充知识：vantui库toast的使用及封装最近在写一个项目，表单项较多，那必然前端做验证也是必须的了，一个一个写太繁琐，封装起来直接调用即可：1、新建toast.
·2020-12-24 13:48

基于Vant UI框架实现时间段选择器

本文实例为大家分享了VantUI框架实现时间段选择器的具体代码，供大家参考，具体内容如下组件代码如下：importVuefrom'vue'import{Field,Picker,Popup}from'vant
·2020-12-24 13:16

vant weapp 下拉_wepy+vant-weapp踩坑记

最近用了几个月的wepy框架，碰到了挺多问题，这里总结一下1.clone的代码无法再本地运行，wepy报错解决方案：执行命令：`[email protected]`2.使用vantui
姜海船没船·2020-12-24 00:59

vue 滑动置顶功能_CSS3 移动端 滚动置顶 吸顶

transform:translate3d(x,y,z)第二种(未来)：position:sticky;top:xxx;假设需求：image.png需求一：滚动过程中A,C区域不吸顶，B区域吸顶VUE框架推荐直接使用vantUI
weixin_39608118·2020-12-19 07:03

vant 上传附件后回显_Vue + VantUI Uploader 上传组件， 实现上传功能， 但 手机实时上传照片只回显， 上传不上去 。...

电脑浏览器没有任何问题手机上操作，就会出现图片上传不上去，也没有报错，怀疑是没有触发上传事件，但又不知道如何修改，求大神给个建议。。来个Demo那就好极了这是前端页面这是js部分往后端传，切显示图片的//图片上传onRead(file){console.log(file);console.log('红红火火恍恍惚惚',file.file);this.headerImg=file.content;t
weixin_39890629·2020-12-19 03:27

bootstrap，layui，elementui vantui的区别

bootsratp使用方法安装bootstrap下载bootstraphttps://v4.bootcss.com/docs/getting-started/download/引入css文件和js文件引入css引入js响应式meta标签Bootstrap天生就是移动设备优先的，依照这一策略，我们首先为移动设备优化代码，然后根据需要，基于CSS媒体查询来对组件进行缩小或放大。为了确保所有设备能够正确
小叶的编程笔记·2020-12-18 18:09

移动端类table组件封装

可创建不定数量的列的table（自己写着玩为了以后维护修改样式方便封装起来的实现思路表格头部一个循环：循环渲染每一列的列名表格内容两重循环：外层循环渲染行，内层循环渲染每一行的每一列的内容实现环境：vue+vantui
ever·2020-12-16 12:53

vantUI 获得piker选中值的自定义ID操作

vantUI官网：picker官网例子exportdefault{data(){return{columns:['杭州','宁波','温州','嘉兴','湖州']};},methods:{onChange
·2020-12-14 18:04

vue之仿网易严选详解

文章目录前言1、使用到的技术2、使用到的软件3、使用代码步骤一、首页二、分类列表三、商品列表四、商品详情五、加入购物车六、购物车列表前言1、使用到的技术1-vantui框架2-less-css预编译语言
liaojuajun·2020-10-04 16:53

vue移动端点击复制文本内容

安装依赖包：npminstallclipboard--save在需要用到的vue文件导入：importClipboardfrom'clipboard';import{Toast}from'vant';//引入vantui
阿菜莱·2020-09-17 15:39

vantUI弹框组件 message文字，如何换行 ？

vantUI弹框组件message文字，如何换行？
草巾冒小子·2020-09-16 15:18

Vue+Vant ui实现图片预览

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

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

Vue+Vantui实现日期时间选择VantDatetimePicker时间选择1、安装Vantuinpmivant-S2、在main.js中引入Vantui//引入vantimportVantfrom'vant'import'vant
GhostUncledrew·2020-09-16 14:07

VantUI实现list列表分页显示

import{getStudyRecordList}from"../axios/request";exportdefault{data(){return{record_list:[],page:0,loading:false,finished:false,offset:0};},mounted(){},methods:{asyncgetrecord(){this.page+=1;this.load
任我行RQ·2020-09-14 08:30

vue 点击按钮 使输入框聚焦

ui用的是vantui遇到的困难：1.长期使用jq操作dom换成vue不会搞了2.ref绑定直接focus获取不到方法解决方法如下疑问就是这样还是操作dom啊真的有比jq好吗？？
不宅的程序园·2020-09-13 07:11

一枚程序媛，献上开箱即用的 vue+vant 方案

"开箱即用，让开发变得更简单“github：https://github.com/sunniejs/vue-h5-template作者：花花小仙女基于vue-cli4.0+webpack4+vantui
程序员黑叔·2020-09-12 11:08

vuecli4 vant rem 移动端框架方案

描述基于vue-cli4.0+webpack4+vantui+sass+rem适配方案+axios封装，构建手机端模板脚手架Node版本要求VueCLI需要Node.js8.9或更高版本(推荐8.11.0
程序媛花花·2020-09-11 04:19

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

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