0.1.9 • Published 5 years ago
crazymad-ui v0.1.9
虽然这个框架才开发了一点点,但是不妨碍我将其放到npm上,链接在这->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查阅。
0.1.9
5 years ago
0.1.8
5 years ago
0.1.7
5 years ago
0.1.6
5 years ago
0.1.5
5 years ago
0.1.4
5 years ago
0.1.3
5 years ago
0.1.2
5 years ago
0.1.1
5 years ago
0.1.0
5 years ago
0.0.16
5 years ago
0.0.15
5 years ago
0.0.14
5 years ago
0.0.13
5 years ago
0.0.12
5 years ago
0.0.11
5 years ago
0.0.10
5 years ago
0.0.9
5 years ago
0.0.8
5 years ago
0.0.7
5 years ago
0.0.6
5 years ago
0.0.5
5 years ago
0.0.4
5 years ago
0.0.3
5 years ago
0.0.2
5 years ago
0.0.1
5 years ago