# crazymad-ui

> front ui powered by vue.js

Latest version **0.1.9** (published 2019-04-06) · 0 weekly downloads

## Install

```sh
npm install crazymad-ui
pnpm add crazymad-ui
yarn add crazymad-ui
bun add crazymad-ui
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.9 |
| Published | 2019-04-06 |
| First published | 2019-03-20 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 6.0.0 |
| Dependencies | 2 |
| Unpacked size | 228.8 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | crazy_mad |
| Maintainers | crazy_mad |

## Links

- npm: https://www.npmjs.com/package/crazymad-ui
- npm.io page: https://npm.io/package/crazymad-ui

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.5.2
- [vue-router](https://npm.io/package/vue-router.md) ^3.0.1

## Recent versions

- 0.1.9 (latest) — 2019-04-06
- 0.1.8 — 2019-04-05
- 0.1.7 — 2019-03-25
- 0.1.6 — 2019-03-25
- 0.1.5 — 2019-03-25
- 0.1.4 — 2019-03-25
- 0.1.3 — 2019-03-25
- 0.1.2 — 2019-03-25
- 0.1.1 — 2019-03-25
- 0.1.0 — 2019-03-25
- 0.0.16 — 2019-03-25
- 0.0.15 — 2019-03-25
- 0.0.14 — 2019-03-25
- 0.0.13 — 2019-03-25
- 0.0.12 — 2019-03-25
- … 11 more at https://npm.io/package/crazymad-ui/versions

## README

虽然这个框架才开发了一点点，但是不妨碍我将其放到npm上，链接在这->[crazymad-ui](https://www.npmjs.com/package/crazymad-ui)。

这个框架是在vue的基础上写的，所以说是一个vue的ui框架，安装使用的方法我参照了element-ui，执行完```npm install --save-dev crazymad-ui```命令后，在vue的main.js文件里面加载组件及样式文件。
```
import Vue from 'vue'
import App from './App'
import router from './router'
import CrazymadUI from 'crazymad-ui'

import '../node_modules/crazymad-ui/src/ui/theme/style.scss'

Vue.config.productionTip = false

Vue.use(CrazymadUI)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})
```
然后就像使用element-ui那样使用crazymad-ui，下面写个样例：
```
<template>
  <div id="app">
    <cm-button>测试</cm-button>
    <cm-icon class="cm-icon-write"></cm-icon>
    <cm-nav space="20" :list="list" default="index" :slide="true"></cm-nav>
    <!--<router-view/>-->
  </div>
</template>

<script>
export default {
  name: 'App',
  data () {
    return {
      list: [{
        lable: '首页',
        value: 'index'
      }, {
        lable: '列表',
        value: 'list'
      }]
    }
  }
}
</script>

<style>
#app {
  padding: 10px;
}
</style>
```

上面这个样例引入了导航栏组件。更多组件的使用方法可以进入[crazymad-ui](http://ui.crazymad.top)查阅。

---
_Source: https://npm.io/package/crazymad-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._