介绍
表单中的输入框组件
引入
import Vue from 'vue';
import { Field } from 'vant';
Vue.use(Field);
代码演示
基础用法
可以通过v-model双向绑定输入框的值,通过...
AI君
2周前 (03-06) 3℃
0喜欢
介绍
时间选择器,支持日期、年月、时分等维度,通常与 弹出层 组件配合使用
引入
import Vue from 'vue';
import { DatetimePicker } from 'vant';
Vue.use(Datetime...
AI君
2周前 (03-06) 27℃
0喜欢
引入
import Vue from 'vue';
import { Checkbox, CheckboxGroup } from 'vant';
Vue.use(Checkbox);
Vue.use(CheckboxGroup);
代...
AI君
2周前 (03-06) 3℃
0喜欢
介绍
日历组件用于选择日期或日期区间,2.4 版本开始支持此组件
引入
import Vue from 'vue';
import { Calendar } from 'vant';
Vue.use(Calendar);
代码演示
选择...
AI君
2周前 (03-06) 2℃
0喜欢
介绍
Vant 中默认包含了一些常用样式,可以直接通过 className 的方式使用。
文字省略
当文本内容长度超过容器最大宽度时,自动省略多余的文本。
<!-- 最多显示一行 -->
<div class="van-e...
AI君
2周前 (03-06) 12℃
0喜欢
介绍
弹出层容器,用于展示弹窗、信息提示等内容,支持多个弹出层叠加展示
引入
import Vue from 'vue';
import { Popup } from 'vant';
Vue.use(Popup);
代码演示
基础用法
...
AI君
2周前 (03-06) 4℃
0喜欢
介绍
Layout 提供了van-row和van-col两个组件来进行行列布局
引入
import Vue from 'vue';
import { Col, Row } from 'vant';
Vue.use(Col);
Vue.us...
AI君
2周前 (03-06) 3℃
0喜欢
介绍
增强版的 img 标签,提供多种图片填充模式,支持图片懒加载、加载中提示、加载失败提示
引入
import Vue from 'vue';
import { Image } from 'vant';
Vue.use(Image);
...
AI君
2周前 (03-06) 3℃
0喜欢
介绍
基于字体的图标集,可以通过 Icon 组件使用,也可以在其他组件中通过icon属性引用
引入
import Vue from 'vue';
import { Icon } from 'vant';
Vue.use(Icon);
代...
AI君
2周前 (03-06) 2℃
0喜欢
引入
import Vue from 'vue';
import { Cell, CellGroup } from 'vant';
Vue.use(Cell);
Vue.use(CellGroup);
代码演示
基础用法
Cell可以单...
AI君
2周前 (03-06) 3℃
0喜欢