Divider 分割线 水平 垂直 文字位置 Variables Divider 分割线 区隔内容的分割线。 对不同章节的文本段落进行分割。 对行内文字/链接进行分割，例如表格的操作列。 TIP 1.0.7+ 水平 使用 type="vertical" 设置为行内的垂直分割线. <avue-divider></avue-d...

Skeleton 骨架屏 水平 Variables Skeleton 骨架屏 在需要等待加载内容的位置提供一个占位图。 网络较慢，需要长时间等待加载处理的情况下。 图文信息内容较多的列表/卡片中。 TIP 1.0.7+ 水平 最简单的占位效果。 < avue - skeleton ></ avue - skel...

树型 例子 Avue-tree Attributes Avue-tree Option Attributes Avue-tree props Attributes Avue-tree Column Attributes Avue-tree Events Avue-tree Scoped Slot 树型 例子 传入option 配...

Avatar 头像 形状 类型 动态 Variables Avatar 头像 用来代表用户或事物，支持图片、图标或字符展示。 TIP 1.0.7+ 形状 头像有三种尺寸，两种形状可选。 <div> <div class = "avue-line" > <avue-avatar : size = "...

Timeline 时间轴 Timeline Variables TimelineItem Variables Timeline 时间轴 时间线的方式展示信息。 TIP 1.0.4+ 展示时间轴，可以通过 color 自定义标志颜色，icon 自定义icon ，父级pending 设定最后一个加载样式。 <avue-timeline...

步骤条 例子 Avue-steps Option Attributes Avue-steps Events Avue-steps Scoped Slot 步骤条 例子 <avue-steps : option = "option" @ change = "change" @ submit = "submit" > ...

快速上手 使用 vue-cli@3 引入 Avue 按需引入 全局配置 开始使用 快速上手 本节将介绍如何在项目中使用 Element。 使用 vue-cli@3 我们为新版的 vue-cli 准备了相应的 脚手架 ，你可以用它们快速地搭建一个基于 Avue 的项目。 引入 Avue 你可以引入整个 Avue 在 main.j...

阿里云oss上传 阿里云oss上传 <!-- 导入需要的包 --> <script src = "https://avuex.avue.top/cdn/aliyun-oss-sdk.min.js" ></script> <!-- 并且需要入口处全局配置阿里云的参数 --> Vue.use(AVUE, { ali: { ...

DataPay 数据展示 DataPay 数据展示 TIP 1.0.2+ <avue-data-pay : option = "option" ></avue-data-pay> <script> export default { data (){ return { option ...

日期选择器 例子 Avue-date-select Option Attributes Avue-date-select Events 日期选择器 例子 default 设置为true ，首次加载会激活今天 按钮，并且调用change 方法返回日期值 <avue-date-group v-model = "obj" : de...