AI教程网 - 未来以来,拥抱AI;新手入门,从AI教程网开始......

 分类:VANT教程

Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库,可以快速搭建出风格统一的页面,提升效率。

Vant SwitchCell 开关单元格

Vant SwitchCell 开关单元格
废弃提示 SwitchCell 组件将在 3.0 版本中废弃,请直接使用 Cell 和 Switch 组件代替 引入 import Vue from 'vue'; import { SwitchCell } from 'vant'; Vu...

AI君 1年前 (2020-03-06) 45℃ 4喜欢

Vant Sku 商品规格

Vant Sku 商品规格
引入 import Vue from 'vue'; import { Sku } from 'vant'; Vue.use(Sku); 代码演示 基础用法 <van-sku v-model="show" :sku="sku...

AI君 1年前 (2020-03-06) 43℃ 0喜欢

Vant Contact 联系人

Vant Contact 联系人
介绍 通过 Contact 组件可以实现联系人的展示、选择、编辑等功能。 引入 import Vue from 'vue'; import { ContactCard, ContactList, ContactEdit } from 'va...

AI君 1年前 (2020-03-06) 42℃ 0喜欢

Vant Card 卡片

Vant Card 卡片
引入 import Vue from 'vue'; import { Card } from 'vant'; Vue.use(Card); 代码演示 基础用法 <van-card num="2" price="2.00" ...

AI君 1年前 (2020-03-06) 47℃ 2喜欢

Vant Area 省市区选择

Vant Area 省市区选择
介绍 省市区三级联动选择,通常与 弹出层 组件配合使用 引入 import Vue from 'vue'; import { Area } from 'vant'; Vue.use(Area); 代码演示 基础用法 要初始化一个Area...

AI君 1年前 (2020-03-06) 70℃ 1喜欢

Vant TreeSelect 分类选择

Vant TreeSelect 分类选择
引入 import Vue from 'vue'; import { TreeSelect } from 'vant'; Vue.use(TreeSelect); 代码演示 单选模式 item为分类显示所需的数据,数据格式见下方示例。m...

AI君 1年前 (2020-03-06) 40℃ 3喜欢

Vant Tabbar 标签栏

Vant Tabbar 标签栏
引入 import Vue from 'vue'; import { Tabbar, TabbarItem } from 'vant'; Vue.use(Tabbar); Vue.use(TabbarItem); 代码演示 基础用法 v...

AI君 1年前 (2020-03-06) 40℃ 0喜欢

Vant Tab 标签页

Vant Tab 标签页
引入 import Vue from 'vue'; import { Tab, Tabs } from 'vant'; Vue.use(Tab); Vue.use(Tabs); 代码演示 基础用法 通过v-model绑定当前激活标签对应...

AI君 1年前 (2020-03-06) 40℃ 3喜欢

Vant Sidebar 侧边导航

Vant Sidebar 侧边导航
引入 import Vue from 'vue'; import { Sidebar, SidebarItem } from 'vant'; Vue.use(Sidebar); Vue.use(SidebarItem); 代码演示 基础...

AI君 1年前 (2020-03-06) 40℃ 3喜欢

Vant Pagination 分页

Vant Pagination 分页
引入 import Vue from 'vue'; import { Pagination } from 'vant'; Vue.use(Pagination); 代码演示 基础用法 <van-pagination v-mo...

AI君 1年前 (2020-03-06) 36℃ 1喜欢

Vant NavBar 导航栏

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

AI君 1年前 (2020-03-06) 40℃ 6喜欢

Vant IndexBar 索引栏

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

AI君 1年前 (2020-03-06) 39℃ 0喜欢

Vant Grid 宫格

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

AI君 1年前 (2020-03-06) 37℃ 2喜欢

Vant Tag 标记

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

AI君 1年前 (2020-03-06) 38℃ 1喜欢

Vant Swipe 轮播

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

AI君 1年前 (2020-03-06) 38℃ 0喜欢