安下载（俺下载）：打造放心的绿色安全下载站！ 安下载首页|软件分类|最近更新

所在位置： 首页  >  电脑软件  >  编程开发  >  编程工具 > Vant(移动端组件库) v3.0.6 官方版
Vant(移动端组件库)

Vant(移动端组件库)

 v3.0.6 官方版
  • 软件大小：22.1 MB
  • 更新日期：2021-02-27 09:48
  • 软件语言：简体中文
  • 软件类别：编程工具
  • 软件授权：免费版
  • 软件官网：
  • 适用平台：WinXP, Win7, Win8, Win10, WinAll
  • 软件厂商：

6分
软件评分

本地下载文件大小：22.1 MB

软件介绍 人气软件 下载地址

为您推荐： 编程开发

　　Vant是一款轻量、可靠的移动端Vue组件库，如果你需要开发应用程序就可以添加这款软件配置UI界面，软件提供的组件资源还是很丰富的，提供基础的界面按钮组件、图标组件、提示组件、布局组件，提供专业的表单组件，包括开关组件、文件传输、单选框、步进器、日历、输入框，使用这些组件就可以快速部署UI界面，为用户编辑主程序界面提供帮助，节约重新设计UI组件的时间，一键导入组件快速部署菜单界面、部署功能界面，满足大部分移动端开发场景需求，这里小编推荐的是Vant 3版本，如果您需要就下载吧！

Vant(移动端组件库)

软件功能

　　提供 60 多个高质量组件，覆盖移动端各类场景

　　性能极佳，组件平均体积不到 1kb（min+gzip）

　　单元测试覆盖率 90%+，提供稳定性保障

　　完善的中英文文档和示例

　　支持 Vue 2 & Vue 3

　　支持按需引入

　　支持主题定制

　　支持国际化

　　支持 TypeScript

软件特色

　　组件内容

　　Form 表单：用于数据录入、校验，支持输入框、单选框、复选框、文件上传等类型。

　　NumberKeyboard 数字键盘：虚拟数字键盘，可以配合密码输入框组件或自定义的输入框组件使用。

　　Search 搜索：用于搜索场景的输入框组件。

　　Notify 消息提示：在页面顶部展示消息提示，支持函数调用和组件调用两种方式。

　　Circle 环形进度条：圆环形的进度条组件，支持进度渐变动画。

Vant(移动端组件库)

官方教程

　　快速上手

　　介绍

　　通过本章节你可以了解到 Vant 的安装方法和基本使用姿势。

　　安装

　　通过 npm 安装

　　在现有项目中使用 Vant 时，可以通过 npm 或 yarn 进行安装：

Vant(移动端组件库)

　　通过 CDN 安装

　　使用 Vant 最简单的方法是直接在 html 文件中引入 CDN 链接，之后你可以通过全局变量 vant 访问到所有组件。

Vant(移动端组件库)

　　通过脚手架安装

　　在新项目中使用 Vant 时，推荐使用 Vue 官方提供的脚手架 Vue Cli 创建项目并安装 Vant。

Vant(移动端组件库)

　　在图形化界面中，点击 依赖 -> 安装依赖，然后将 vant 添加到依赖中即可。

Vant(移动端组件库)

　　引入组件

　　方式一. 自动按需引入组件 (推荐)

　　babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式。

Vant(移动端组件库)
Vant(移动端组件库)

　　方式二. 手动按需引入组件

　　在不使用插件的情况下，可以手动引入需要的组件。

Vant(移动端组件库)

　　方式三. 导入所有组件

　　Vant 支持一次性导入所有组件，引入所有组件会增加代码包体积，因此不推荐这种做法。

Vant(移动端组件库)

　　Button 按钮

　　介绍

　　按钮用于触发一个操作，如提交表单。

　　引入

Vant(移动端组件库)

　　代码演示

　　按钮类型

　　按钮支持 default、primary、info、warning、danger 五种类型，默认为 default。

Vant(移动端组件库)

　　朴素按钮

　　通过 plain 属性将按钮设置为朴素按钮，朴素按钮的文字为按钮颜色，背景为白色。

Vant(移动端组件库)

　　细边框

　　设置 hairline 属性可以展示 0.5px 的细边框。

Vant(移动端组件库)

　　禁用状态

　　通过 disabled 属性来禁用按钮，禁用状态下按钮不可点击。

Vant(移动端组件库)

　　加载状态

　　通过 loading 属性设置按钮为加载状态，加载状态下默认会隐藏按钮文字，可以通过 loading-text 设置加载状态下的文字。

Vant(移动端组件库)

　　按钮形状

　　通过 square 设置方形按钮，通过 round 设置圆形按钮。

Vant(移动端组件库)

　　图标按钮

　　通过 icon 属性设置按钮图标，支持 Icon 组件里的所有图标，也可以传入图标 URL。

Vant(移动端组件库)

　　按钮尺寸

　　支持 large、normal、small、mini 四种尺寸，默认为 normal。

Vant(移动端组件库)

　　块级元素

　　按钮在默认情况下为行内块级元素，通过 block 属性可以将按钮的元素类型设置为块级元素。

Vant(移动端组件库)

　　自定义颜色

　　通过 color 属性可以自定义按钮的颜色。

Vant(移动端组件库)

常见问题

　　在 HTML 中无法正确渲染组件？

　　在 HTML 中使用 Vant 组件时，你可能会碰到部分示例代码无法正确渲染的情况，比如下面的用法：

Vant(移动端组件库)

　　这是因为 HTML 并不支持自闭合的自定义元素，也就是说 这样的语法是不被识别的，使用完整的闭合标签可以避免这个问题：

Vant(移动端组件库)

　　在单文件组件、字符串模板和 JSX 中可以使用自闭合的自定义元素，因此不会出现这个问题。

人气软件