coui

Mobile UI Coracle for vue.js

Usage no npm install needed!

<script type="module">
  import coui from 'https://cdn.skypack.dev/coui';
</script>

README

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