Coracle UI

Coracle Mobile UI 是在Mint-ui 2.1.1版(Vue 2.0) 基础上进行二次开发的产品. 修改内容包含:

1. 项目名称
2. 组件前缀
3. 样式前缀
4. 新增组件&Demo

安装

npm i coui -S

使用

引用所有组件.

import Vue from 'vue'
import Coui from 'coui';

Vue.use(Coui);

引用指定组件. (Use babel-plugin-component)

import { Cell, Checklist } from 'coui';

Vue.component(Cell.name, Cell);
Vue.component(Checklist.name, Checklist);

等同于

import Vue from 'vue';
import Coui from 'coui';
import 'coui/lib/style.css';

Vue.use(Coui);

// 引用指定组件

import MtRadio from 'coui/lib/radio';
import 'coui/lib/radio/style.css';

Vue.component(MtRadio.name, MtRadio);

babel-plugin-component

• Auto import css file
• Modular import component

安装

npm i babel-plugin-component -D

使用

.babelrc

{
  "plugins": ["other-plugin", ["component", [
    { "libraryName": "coui", "style": true }
  ]]]
}

开发

npm run dev

许可协议

MIT