• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号
登陆 注册
OStack程序员社区-中国程序员成长平台 › 门户 › 编程› Vant›Vant教程

Vant教程

RSS
  • Vant Notify 消息提示
    Vant Notify 消息提示
    引入import Vue from vue;import { Notify } from vant;Vue.use(Notify);代码演示基础用法Notify(通知内容);通知类型支持primary、success、warning、danger四种通知类型，默认为danger_来自Vant 中文教程 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:45 | 阅读：328 | 回复：0
  • Vant Overlay 遮罩层
    Vant Overlay 遮罩层
    介绍创建一个遮罩层，用于强调特定的页面元素，并阻止用户进行其他操作引入import Vue from vue;import { Overlay } from vant;Vue.use(Overlay);代码演示基础用法van-button type=primary tex_来自Vant 中文教程 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:45 | 阅读：316 | 回复：0
  • Vant PullRefresh 下拉刷新
    Vant PullRefresh 下拉刷新
    引入import Vue from vue;import { PullRefresh } from vant;Vue.use(PullRefresh);代码演示基础用法下拉刷新时会触发refresh事件，在事件的回调函数中可以进行同步或异步操作，操作完成后将&_来自Vant 中文教程 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:45 | 阅读：303 | 回复：0
  • Vant Calendar 日历
    Vant Calendar 日历
    介绍日历组件用于选择日期或日期区间，2.4 版本开始支持此组件引入import Vue from vue;import { Calendar } from vant;Vue.use(Calendar);代码演示选择单个日期下面演示了结合单元格来使用日历组件的用法，日期选择 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:44 | 阅读：151 | 回复：0
  • Vant Checkbox 复选框
    Vant Checkbox 复选框
    引入import Vue from 'vue';import { Checkbox, CheckboxGroup } from 'vant';Vue.use(Checkbox);Vue.use(CheckboxGroup);代码演示基础用法通过v-model_来自Vant 中文教程 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:44 | 阅读：150 | 回复：0
  • Vant DatetimePicker 时间选择
    Vant DatetimePicker 时间选择
    介绍时间选择器，支持日期、年月、时分等维度，通常与弹出层组件配合使用引入import Vue from vue;import { DatetimePicker } from vant;Vue.use(DatetimePicker);代码演示选择完整时间_来自Vant 中文教程 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:44 | 阅读：144 | 回复：0
  • Vant Field 输入框
    Vant Field 输入框
    介绍表单中的输入框组件引入import Vue from vue;import { Field } from vant;Vue.use(Field);代码演示基础用法可以通过v-model双向绑定输入框的值，通过placeholder设置占位提示文字!-- Field 是基于_来自Vant 中文 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:44 | 阅读：131 | 回复：0
  • Vant NumberKeyboard 数字键盘
    Vant NumberKeyboard 数字键盘
    介绍数字键盘，提供两种样式风格，可以与密码输入框或自定义的输入框组件配合使用引入import Vue from vue;import { NumberKeyboard } from vant;Vue.use(NumberKeyboard);代码演示默认样式van-button_来自Vant 中文 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:44 | 阅读：182 | 回复：0
  • Vant PasswordInput 密码输入框
    Vant PasswordInput 密码输入框
    介绍带网格的输入框组件，可以用于输入支付密码、短信验证码等，通常与数字键盘组件配合使用引入import Vue from vue;import { PasswordInput, NumberKeyboard } from vant;Vue.use(PasswordInput);Vue_来自Vant 中 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:44 | 阅读：165 | 回复：0
  • Vant Picker 选择器
    Vant Picker 选择器
    介绍提供多个选项集合供用户选择，支持单列选择和多列级联，通常与弹出层组件配合使用引入import Vue from vue;import { Picker } from vant;Vue.use(Picker);代码演示基础用法Picker 组件通过colum_来自Vant 中文教 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:44 | 阅读：156 | 回复：0
  • Vant Radio 单选框
    Vant Radio 单选框
    fa引入import Vue from 'vue';import { RadioGroup, Radio } from 'vant';Vue.use(Radio);Vue.use(RadioGroup);代码演示基础用法通过 v-model 绑定值当前选中项_来自Vant 中文教程 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:44 | 阅读：150 | 回复：0
  • Vant Rate 评分
    Vant Rate 评分
    引入import Vue from vue;import { Rate } from vant;Vue.use(Rate);代码演示基础用法van-rate v-model=value /export default { data() { retur_来自Vant 中文教程……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:44 | 阅读：163 | 回复：0
  • Vant Search 搜索
    Vant Search 搜索
    引入import Vue from vue;import { Search } from vant;Vue.use(Search);代码演示基础用法v-model 用于控制搜索框中的文字，background 可以自定义搜索框外部背景色van-search v-model=_来自Vant 中文教程 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:44 | 阅读：141 | 回复：0
  • Vant Slider 滑块
    Vant Slider 滑块
    引入import Vue from vue;import { Slider } from vant;Vue.use(Slider);代码演示基本用法van-slider v-model=value @change=onChange /import { Toa_来自Vant 中文教程……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:44 | 阅读：196 | 回复：0
  • Vant 设计资源
    Vant 设计资源
    介绍这里提供了 Vant 现有的设计资源，更多资源还在整理中。组件包含 Sketch 格式的组件设计规范、色彩规范。下载提示：目前 Sketch 中部分组件仍为旧版样式，我们正在梳理新版设计规范，尽请期待！图标包含 Sketch ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:43 | 阅读：166 | 回复：0
  • Vant 风格指南
    Vant 风格指南
    介绍在参与 Vant 开发时，请遵守约定的单文件组件风格指南，指南内容节选自Vue 官方风格指南。组件数据组件的 data 必须是一个函数。// badexport default { data: { foo: bar }}// goodexport def_来自Vant 中 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:43 | 阅读：178 | 回复：0
  • Vant 国际化
    Vant 国际化
    介绍Vant 默认采用中文作为语言，如果需要使用其他语言，可以参考下面的方案。多语言切换Vant 通过 Locale 组件实现多语言支持，使用Locale.use方法可以切换当前使用的语言。import { Locale } from vant;import enU ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:43 | 阅读：157 | 回复：0
  • Vant Button 按钮
    Vant Button 按钮
    引入import Vue from 'vue';import { Button } from 'vant';Vue.use(Button);代码演示按钮类型支持default、primary、info、warning、danger五种类型，默认为default_来自Vant 中文教程 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:43 | 阅读：149 | 回复：0
  • Vant Cell 单元格
    Vant Cell 单元格
    引入import Vue from vue;import { Cell, CellGroup } from vant;Vue.use(Cell);Vue.use(CellGroup);代码演示基础用法Cell可以单独使用，也可以与CellGroup搭配使用。CellGroup可以为_来自Vant 中文教程 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:43 | 阅读：168 | 回复：0
  • Vant Icon 图标
    Vant Icon 图标
    介绍基于字体的图标集，可以通过 Icon 组件使用，也可以在其他组件中通过icon属性引用引入import Vue from vue;import { Icon } from vant;Vue.use(Icon);代码演示基础用法Icon的name属性支持传入图标名称或图片链_ ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:43 | 阅读：164 | 回复：0
  • Vant Image 图片
    Vant Image 图片
    介绍增强版的 img 标签，提供多种图片填充模式，支持图片懒加载、加载中提示、加载失败提示引入import Vue from vue;import { Image } from vant;Vue.use(Image);代码演示基础用法基础用法与原生img标签一致，可以设 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:43 | 阅读：138 | 回复：0
  • Vant Layout 布局
    Vant Layout 布局
    介绍Layout 提供了van-row和van-col两个组件来进行行列布局引入import Vue from 'vue';import { Col, Row } from 'vant';Vue.use(Col);Vue.use(Row);代码演示基本用法L_来自Vant 中文教程 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:43 | 阅读：141 | 回复：0
  • Vant Popup 弹出层
    Vant Popup 弹出层
    介绍弹出层容器，用于展示弹窗、信息提示等内容，支持多个弹出层叠加展示引入import Vue from vue;import { Popup } from vant;Vue.use(Popup);代码演示基础用法通过v-model控制弹出层是否展示van-cell is-li_来自Va ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:43 | 阅读：146 | 回复：0
  • Vant 内置样式
    Vant 内置样式
    介绍Vant 中默认包含了一些常用样式，可以直接通过 className 的方式使用。文字省略当文本内容长度超过容器最大宽度时，自动省略多余的文本。!-- 最多显示一行 --div class=van-ellipsis这是一段最多显示一行的文字 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:43 | 阅读：147 | 回复：0
  • Vant 介绍
    Vant 介绍
    特性提供 60 多个高质量组件，覆盖移动端各类场景性能极佳，组件平均体积不到 1kb（min+gzip）单元测试覆盖率 90%+，提供稳定性保障完善的中英文文档和示例支持 Vue 2 Vue 3支持按需引入支持主题定制支持国际化支持 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:42 | 阅读：170 | 回复：0
  • Vant 快速上手
    Vant 快速上手
    脚手架在新项目中使用 Vant 时，推荐使用 Vue 官方提供的脚手架Vue Cli创建项目# 安装 Vue Clinpm install -g @vue/cli# 创建一个项目vue create hello-world# 创建完成后，可以通过命令打开图形化界面_来自Vant 中 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:42 | 阅读：162 | 回复：0
  • Vant 更新日志
    Vant 更新日志
    介绍Vant 遵循Semver语义化版本规范。发布节奏修订号：每周发布，包含新特性和问题修复。次版本号：每隔一至二个月发布，包含新特性和较大的功能更新，向下兼容。主版本号：发布时间不定，包含不兼容更新，预计下一 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:42 | 阅读：190 | 回复：0
  • Vant 定制主题
    Vant 定制主题
    介绍Vant 提供了一套默认主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。如果你想完全替换主题色或者其他样式，可以使用下面提供的方法。示例工程我们提供了一个基于 Vue Cli 3 的示例工程，仓库地址为Vant De ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:42 | 阅读：170 | 回复：0
  • Vant 开发指南
    Vant 开发指南
    介绍感谢你使用 Vant。以下是关于向 Vant 提交反馈或代码的指南。在向 Vant 提交 issue 或者 PR 之前，请先花几分钟时间阅读以下文字。Issue 规范遇到问题时，请先确认这个问题是否已经在 issue 中有记录或者已被修 ...……
    作者：菜鸟教程小白 | 时间：2022-1-28 20:42 | 阅读：170 | 回复：0
12
热门推荐
More+
专题导读
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap