1 | # vx-ui
|
2 |
|
3 | > vue components 移动端UI组件库
|
4 | >
|
5 |
|
6 | #### 中文文档:
|
7 | http://vx.bittyos.com/
|
8 | #### 示例浏览地址:
|
9 | http://vx.bittyos.com/demo.html
|
10 |
|
11 | ![Minion](http://vx.bittyos.com/static/images/demo-code.png?v=1)
|
12 |
|
13 | #### CNode社区示例浏览地址:
|
14 | http://vx.bittyos.com/demo.html#/cnode/
|
15 |
|
16 | #### react版本:
|
17 | https://github.com/yunfeihuang/react-components
|
18 |
|
19 | ## Build Setup
|
20 |
|
21 | ``` bash
|
22 | # install dependencies
|
23 | npm install vx-ui --save-dev
|
24 |
|
25 | # 全局注册组件
|
26 | import Vue from 'vue'
|
27 | import 'vx-ui/lib/style/theme/index.css'
|
28 | import VxUI from 'vx-ui'
|
29 | Vue.use(VxUI)
|
30 |
|
31 | # 单个注册组件(Button示例)
|
32 | import Vue from 'vue'
|
33 | import 'vx-ui/lib/style/theme/button.css'
|
34 | import { Button } from 'vx-ui' // or import Button from 'vx-ui/lib/button'
|
35 | Vue.component(Button.componentName, Button)
|
36 |
|
37 |
|
38 | # 修改UI主题风格
|
39 | ##### 修改src/components/style/src/variable.scss变量后运行以下命令即可
|
40 | npm run build:theme
|
41 | ```
|
42 |
|
43 | #### 打赏赞助,请扫以下二维码,谢谢!
|
44 | ![Minion](http://vx.bittyos.com/static/images/pay-code.png?v=0.1)
|
45 |
|
46 | For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
|