useWindowSize 介绍 代码演示 基本用法 API 类型定义 返回值 useWindowSize 介绍 获取浏览器窗口的视口宽度和高度，并在窗口大小变化时自动更新。 代码演示 基本用法 import { watch } from 'vue' ; import { useWindowSize } ...

useWindowSize 介绍 代码演示 基本用法 API 类型定义 返回值 useWindowSize 介绍 获取浏览器窗口的视口宽度和高度，并在窗口大小变化时自动更新。 代码演示 基本用法 import { watch } from 'vue' ; import { useWindowSize } ...

useWindowSize 介绍 代码演示 基本用法 API 类型定义 返回值 useWindowSize 介绍 获取浏览器窗口的视口宽度和高度，并在窗口大小变化时自动更新。 代码演示 基本用法 import { watch } from 'vue' ; import { useWindowSize } ...

设计资源 介绍 组件设计稿（Sketch） 色彩规范 字体规范 组件规范 图标设计稿（Sketch） Axure 元件库 设计资源 介绍 这里提供了 Vant 现有的设计资源，更多资源还在整理中。 组件设计稿（Sketch） 包含 Sketch 格式的色彩规范、字体规范、组件设计规范。 色彩规范 字体规范 ...

Popover 气泡弹出框 介绍 引入 代码演示 基础用法 深色风格 弹出位置 展示图标 禁用选项 自定义内容 非受控模式 API Props PopoverAction 数据结构 Events Slots 类型定义 主题定制 样式变量 常见问题 Popover 的点击事件无法正确触发？ Popover 气泡弹出...

Collapse 折叠面板 介绍 引入 代码演示 基础用法 手风琴 禁用状态 自定义标题内容 全部展开与全部切换 API Collapse Props Collapse Events CollapseItem Props Collapse 方法 toggleAll 方法示例 CollapseItem 方法 类型定义 Colla...

ActionSheet 上拉菜单 使用指南 代码演示 基础用法 带取消按钮的 ActionSheet 带标题的 ActionSheet API Event actions 更新日志 ActionSheet 上拉菜单 使用指南 在 app.json 或 index.json 中引入组件 "usingComponents" : ...

Sticky 粘性布局 介绍 引入 代码演示 基础用法 吸顶距离 指定容器 吸底距离 API Props Events 类型定义 主题定制 样式变量 Sticky 粘性布局 介绍 Sticky 组件与 CSS 中 position: sticky 属性实现的效果一致，当组件在屏幕范围内时，会按照正常的布局排列，当组件滚出屏...

Toast 轻提示 介绍 引入 代码演示 文字提示 加载提示 成功/失败提示 动态更新提示 OnClose 回调函数 API 方法 Options Slot Toast 轻提示 介绍 在页面中间弹出黑色半透明提示，用于消息通知、加载提示、操作结果提示等场景。 引入 在app.json 或index.json 中引入组...

Icon 图标 介绍 引入 代码演示 基础用法 提示信息 图标颜色 图标大小 自定义图标 常见问题 开发者工具上提示 Failed to load font 是什么情况？ API Props Events 外部样式类 Icon 图标 介绍 基于字体的图标集，可以通过 Icon 组件使用，也可以在其他组件中通过 icon...