# vant-ui
> vue mobile UI components
转载
2020-03-22 19:15:00
523阅读
2评论
Hi，很高兴认识你~
世界很大，巧妙的是我们在这里相遇。
欢迎关注天宇文创意乐派，一个职场人的聚集地。
官网：://youzan.github.io/vant/#/zh-CN/
01
vant 插件PullRefresh下拉刷新 会出现滚动就刷新的情况
常见问题:
1.父级容器不存在overflow：hidden
2.当使用Refresh插件时，如果存在当van
原创
2021-09-01 11:20:46
1227阅读
遗留问题书接上回，说道利用 sideEffects 字段，只需读取源文件即可实现按需加载，还有个坑忘了说...
文档中的样式打包后会丢失...
因为我们只注意到了作为组件库的源代码，而忘了我们的文档是通过 vuepress 编译，即底层也是基于 webpack 进行打包。所以 sideEffects 中也要加上文档中的文件。组件文档该写些什么？在编写组件库文档时，有两个必不可少的部分。组
转载
2023-10-26 15:47:03
56阅读
移动端，PC的样式兼容（vant）
原创
2024-02-26 11:07:50
382阅读
vant中文github地址：https://github.com/youzan/vant/blob/HEAD/README.zh-CN.md api：https://youzan.github.io/vant/#/zh-CN/pull-refresh # 安装 Vue Cli npm instal
转载
2020-02-09 19:02:00
226阅读
2评论
安装lib-flexible1、npm install lib-flexible --save2、import 'lib-flexible' 在 main.js中引入 通过以上两步，就完成了在vue项目使用lib-flexible来解决移动端适配问题了。lib-flexible会自动在html的head中添加一个meta name="viewport"的标签，同时会自动设置html的font-si
# Vant UI iOS问题解析
## 引言
Vant UI是一款基于Vue.js的移动端组件库，提供了丰富的UI组件和交互效果，方便快速构建移动应用。但在iOS平台上，Vant UI存在一些兼容性问题，本文将对这些问题进行分析并提供解决方案。
## 问题一：iOS滚动穿透
在iOS平台上，当页面出现弹窗或滑动组件时，底部的页面内容也会随之滑动，造成滚动穿透的问题。这是因为iOS下的滚动
原创
2024-02-01 04:27:11
551阅读
UI框架有很多，比如微信官方为公众号开发提供的WeUI、适合后端程序员使用的Layui等。UI框架一般只是给前端狗写静态页面提供方便。这类框架一般提供css和js文件，使用时引入css和js文件，然后html页面里使用框架规定的类名，或者说html页面里复制框架的html即可渲染出完整的html页面。不用再手工去表单、列表、样式等等，而且一般UI框架的兼容性、美观度都会比我们手写好很多。初学时我还
转载
2024-06-20 13:17:17
528阅读
<template>
<div class="edit-address">
<van-cell-group>
<van-field v-model="receiver" clearable label="收货人" placeholder="请填写联系人姓名" @click-right-icon="$toast('question')
转载
2024-09-02 10:16:56
175阅读
下面推荐2款手机/移动端的UI框架。其实还有很多的框架，各个大厂都有UI框架。目前，找来找去，只有腾讯的移动端是setup语法写的TDesign，其他大厂，虽然都是VUE3写的，但是都还未改成setup的语法，而且，腾讯的版本也比较新，所以暂时不做案例了。我们使用成熟的UI框架Vant和NutUI来演示。其中京东的NutUI组件，还有小程序组件。目录一、Vant二、NutUI一、Vant官网，Va
1.介绍vant Vant 是有赞前端团队开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。2. vant的获得方式https://youzan.github.io/vant/#/zh-CN/home3. 基础用法 基础用法与原生 img 标签一致，可以设置 src、width、height、
转载
2023-12-16 14:20:59
329阅读
。 <template> <div> <van-form validate-first @failed="onFailed"> <div>必填</div> <van-field v-model="username" name="用户名" label="用户名" placeholder="用户名" : Read More
转载
2021-01-30 22:56:00
2733阅读
2评论
Vant库对于开发商城类项目，真的是非常nice，会让你情不自禁爱上它。Vant库支持按需加载、为移动端商城设计的风格，非常完美。但是，本人在实际开发中，也遇到了一些小问题，折腾了老半天，最终得以解决。下面先说说在vue中使用Vant库的流程及一些注意事项，以及遇到的坑和解决办法。第一步，安装：cnpm i vant -S第二步，引入组件：关于怎么引入Vant组件，有全局引入（非常不推荐）和按需引
vant-ui 简介Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。官方网址：Vant 3 - Mobile UI Components built on Vue1. 安装:通过 npm 安装在现有项目中使用 Vant 时，可以通
转载
2024-01-22 10:13:07
127阅读
目录一、介绍二、引入1、安装vant2、引入三、使用 一、介绍 Vant 是有赞前端团队开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本。 地区层级选择组件属于比较复杂的
转载
2024-09-23 10:17:21
588阅读
一、什么是Vant ui Vant 是有赞前端团队开源的移动端组件库，于 2017 年开源。是一款轻量、可靠的组件库。能够大大提高我们的开发速度。Vant 2 - Mobile UI Components built on VueMobile UI Components built on Vuehttps
## 实现“vue + vant 封装 axios”
### 1. 简介
在使用Vue和Vant进行开发时，经常需要与后端进行数据交互。而Axios是一种非常流行的HTTP库，用于在前端发送异步请求。在本文中，我们将学习如何封装Axios，以便在Vue项目中更方便地使用。
### 2. 整体流程
下面是整个封装Axios的流程，我们可以通过一个表格来展示每个步骤：
| 步骤 | 描述 |
原创
2023-08-18 05:16:02
341阅读
Android特性
Android是Google公司基于Linux内核的开源操作系统，主要用于移动设备，目前在智能手机市场占有重要份额。Android应用层使用Java语言开发，运行于Dalvik虚拟机，每个Android应用运行在独立的虚拟机中，这保证了各应用间资源的保护和线程安全。
Android特性Android是Google公司基于Linux内核
转载
2023-08-16 15:13:43
145阅读
Vue3iteant-UI 开发双端招聘APPVue3iteant-UI 开发双端招聘APP[独家首发已完结]_思索IT (sisuoit.com)快速上手装置npm 装置# Vue 2 项目，装置 Vant 2：
npm i vant -SCDN装置<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@
原创
2023-08-13 07:16:17
300阅读
Vant UI + Vue + Cli3.0 + Rem移动端项目搭建1. 创建vue项目创建项目vue create vant-demo引入less (通过vue ui 可视化页面安装依赖插件）vue ui2. 引入vant uinpm i vant -S3. 按需引入3-1. 安装babel 插件npm i babel-plugin-import -D温馨提示：在使用自动按需引入的时候，在使用相关组件的时候，需要在maim.js中一一引入，如下：import
原创
2021-08-27 12:37:56
1170阅读
