@auojs/ui v0.1.4

Auojs

introduce 介绍

安装

使用 npm 或 yarn 安装

我们推荐使用 npm 或 yarn 的方式进行开发，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。

npm install auojs --save

yarn add auojs

如果你的网络环境不佳，推荐使用 cnpm。

示例

import { DatePicker } from 'ant-design-vue';
app.use(DatePicker);

引入样式：

import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'

按需加载

下面两种方式都可以只加载用到的组件。

• 使用 babel-plugin-import（推荐）。

  // .babelrc or babel-loader option
  {
    "plugins": [
      ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css" }] // `style: true` 会加载 less 文件
    ]
  }

  注意：webpack 1 无需设置 libraryDirectory。

  然后只需从 ant-design-vue 引入模块即可，无需单独引入样式。等同于下面手动引入的方式。

  // babel-plugin-import 会帮助你加载 JS 和 CSS
  import { DatePicker } from 'ant-design-vue';

• 手动引入

  import DatePicker from 'ant-design-vue/lib/date-picker'; // 加载 JS
  import 'ant-design-vue/lib/date-picker/style/css'; // 加载 CSS
  // import 'ant-design-vue/lib/date-picker/style';         // 加载 LESS

fastStart 快速上手

Ant Design Vue 致力于提供给程序员愉悦的开发体验。

theme 定制主题

View UI（iVIew）默认提供了一套 UI 主题，并且可以在一定程度上定制新主题，以满足业务和品牌上的多样化视觉需求。

View UI（iVIew）的样式是基于 Less 进行开发的，默认以前缀 .ivu- 作为命名空间，并且定义了一套样式变量，定制主题，就是编辑这个变量列表。

changelog 更新日志

i18n 国际化

组件

General 基础

Button 按钮

Icon 图标

Layout 布局

Grid 栅格

Layout 布局

Space 间距

Navigation 导航

Affix 固钉

Breadcrumb 面包屑

Dropdown 下拉菜单

Menu 导航菜单

PageHeader 页头

Pagination 分页

Steps 步骤条

Data Entry 数据录入

AutoComplete 自动完成

Cascader 级联选择

Checkbox 多选框

DatePicker 日期选择框

Form 表单

Input 输入框

InputNumber 数字输入框

Mentions 提及

Radio 单选框

Rate 评分

Select 选择器

Slider 滑动输入条

Switch 开关

TimePicker 时间选择框

Transfer 穿梭框

TreeSelect 树选择

Upload 上传

Data Display 数据显示

Data Display

Avatar头像

Badge徽标数

Calendar日历

Card卡片

Carousel走马灯

Collapse折叠面板

Comment评论

Descriptions描述列表

Empty空状态

List列表

Popover气泡卡片

Statistic统计数值

Table表格

Tabs标签页

Tag标签

Timeline时间轴

Tooltip文字提示

Tree树形控件

Feedback 反馈

Alert 警告提示

Drawer 抽屉

Message 全局提示

Modal 对话框

Notification 通知提醒框

Popconfirm 气泡确认框

Progress 进度条

Result 结果

Skeleton 骨架屏

Spin 加载中

Other 其它

Anchor 描点