seehoo-design

ViewUI

A high quality UI Toolkit built on Vue.js.

Install View UI

Using npm:

npm install seehoo-design --save

Using a script tag for global use:

<script type="text/javascript" src="iview.min.js"></script>
<link rel="stylesheet" href="dist/styles/iview.css" />

Usage

<template>
  <Slider v-model="value" range />
</template>
<script>
export default {
  data() {
    return {
      value: [20, 50]
    }
  }
}
</script>

Using css via import:

import 'seehoo-design/dist/styles/iview.css'

组件开发流程

1. 在/src/components创建文件夹，如 fe-search，创建文件 *.vue 和 index.js
2. 在/src/styles/components下创建样式表文件，如 fe-search.less，在同目录 index.less 导入该样式表文件
3. 在/src/index.js文件中导入和导出该组件
4. 在/examples/routers文件夹下创建测试文件，如 fe-search.vue
5. 在/examples/main.js文件中添加路由
6. 在/examples/app.vue文件中添加测试组件入口