vant - 第2页 - AI教程网

Vant NavBar 导航栏

引入 import Vue from 'vue'; import { NavBar } from 'vant'; Vue.use(NavBar); 代码演示基础用法 <van-nav-bar title="标题" lef...

AI君 7个月前 (03-06) 27℃ 4喜欢

Vant IndexBar 索引栏

引入 import Vue from 'vue'; import { IndexBar, IndexAnchor } from 'vant'; Vue.use(IndexBar); Vue.use(IndexAnchor); 代码演示 ...

AI君 7个月前 (03-06) 26℃ 0喜欢

VANT教程

Vant Grid 宫格

介绍宫格可以在水平方向上把页面分隔成等宽度的区块，用于展示内容或进行页面导航引入 import Vue from 'vue'; import { Grid, GridItem } from 'vant'; Vue.use(Grid);...

AI君 7个月前 (03-06) 24℃ 2喜欢

VANT教程

Vant Tag 标记

引入 import Vue from 'vue'; import { Tag } from 'vant'; Vue.use(Tag); 代码演示基础用法通过type属性控制标签颜色，默认为灰色 <van-tag>标签&l...

AI君 7个月前 (03-06) 25℃ 1喜欢

VANT教程

Vant Swipe 轮播

引入 import Vue from 'vue'; import { Swipe, SwipeItem } from 'vant'; Vue.use(Swipe); Vue.use(SwipeItem); 代码演示基础用法每个 Sw...

AI君 7个月前 (03-06) 25℃ 0喜欢

VANT教程

Vant Steps 步骤条

引入 import Vue from 'vue'; import { Step, Steps } from 'vant'; Vue.use(Step); Vue.use(Steps); 代码演示基础用法 active属性表示当前步骤的...

AI君 7个月前 (03-06) 26℃ 0喜欢

VANT教程

Vant Skeleton 骨架屏

引入 import Vue from 'vue'; import { Skeleton } from 'vant'; Vue.use(Skeleton); 代码演示基础用法通过title属性显示标题占位图，通过row属性配置占位段落...

AI君 7个月前 (03-06) 24℃ 0喜欢

VANT教程

Vant Progress 进度条

引入 import Vue from 'vue'; import { Progress } from 'vant'; Vue.use(Progress); 代码演示基础用法进度条默认为蓝色，使用percentage属性来设置当前进度...

AI君 7个月前 (03-06) 24℃ 0喜欢

VANT教程

Vant Panel 面板

引入 import Vue from 'vue'; import { Panel } from 'vant'; Vue.use(Panel); 代码演示基础用法面板只是一个容器，里面可以放入自定义的内容 <van-panel ...

AI君 7个月前 (03-06) 24℃ 0喜欢

VANT教程

Vant NoticeBar 通知栏

引入 import Vue from 'vue'; import { NoticeBar } from 'vant'; Vue.use(NoticeBar); 代码演示基础用法 <van-notice-bar text="通知内...

AI君 7个月前 (03-06) 24℃ 0喜欢

VANT教程

Vant List 列表

介绍瀑布流滚动加载，用于展示长列表，当列表即将滚动到底部时，会触发事件并加载更多列表项。引入 import Vue from 'vue'; import { List } from 'vant'; Vue.use(List); 代码...

AI君 7个月前 (03-06) 27℃ 3喜欢

VANT教程

Vant Lazyload 图片懒加载

引入 Lazyload 是 Vue 指令，使用前需要对指令进行注册 import Vue from 'vue'; import { Lazyload } from 'vant'; Vue.use(Lazyload); // 注册时可以配...

AI君 7个月前 (03-06) 24℃ 2喜欢

VANT教程

Vant ImagePreview 图片预览

引入 ImagePreview和其他组件不同，不是通过HTML结构的方式来使用，而是通过函数调用的方式。使用前需要先引入它。 import Vue from 'vue'; import { ImagePreview } from 'vant...

AI君 7个月前 (03-06) 24℃ 0喜欢

VANT教程

Vant Divider 分割线

引入 import Vue from 'vue'; import { Divider } from 'vant'; Vue.use(Divider); 代码演示基础用法默认渲染一条水平分割线 <van-divider />...

AI君 7个月前 (03-06) 24℃ 0喜欢

VANT教程

Vant CountDown 倒计时

引入 import Vue from 'vue'; import { CountDown } from 'vant'; Vue.use(CountDown); 代码演示基本用法 time属性表示倒计时总时长，单位为毫秒 <van...

AI君 7个月前 (03-06) 30℃ 2喜欢

VANT教程

Vant Collapse 折叠面板

引入 import Vue from 'vue'; import { Collapse, CollapseItem } from 'vant'; Vue.use(Collapse); Vue.use(CollapseItem); 代码演...

AI君 7个月前 (03-06) 40℃ 2喜欢

VANT教程

Vant Circle 环形进度条

引入 import Vue from 'vue'; import { Circle } from 'vant'; Vue.use(Circle); 代码演示基础用法 rate属性表示进度条的目标进度，v-model表示动画过程中的实时...

AI君 7个月前 (03-06) 26℃ 1喜欢

VANT教程

Vant Toast 轻提示

引入 import Vue from 'vue'; import { Toast } from 'vant'; Vue.use(Toast); 代码演示文字提示 Toast('提示内容'); 加载提示使用Toast.loading...

AI君 7个月前 (03-06) 25℃ 0喜欢

VANT教程

Vant SwipeCell 滑动单元格

引入 import Vue from 'vue'; import { SwipeCell } from 'vant'; Vue.use(SwipeCell); 代码演示基础用法 SwipeCell组件提供了left和right两个插槽...

AI君 7个月前 (03-06) 25℃ 0喜欢

VANT教程

Vant PullRefresh 下拉刷新

引入 import Vue from 'vue'; import { PullRefresh } from 'vant'; Vue.use(PullRefresh); 代码演示基础用法下拉刷新时会触发 refresh 事件，在事件的...

AI君 7个月前 (03-06) 26℃ 0喜欢