| 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 | 
|
| 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 | 
|
| 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).
|