<h1>公有样式示例</h1>

<h2>color</h2>
统一色号(css 中使用统一变量)<br>

黑色: <span class="example color black"></span> $black;<br>
白色: <span class="example color white"></span> $white;<br>
红色: <span class="example color red"></span> $red;<br>
绿色: <span class="example color green"></span> $green;<br>
灰色: <span class="example color grey"></span> $grey;<br>
蓝色: <span class="example color blue"></span> $blue;<br>

<h2>icon</h2>
iconfont 新建项目，使用 class 控制图标样式，不要用 unicode

<h2>button</h2>
三种尺寸，圆角直角，实心空心，选中未选中

<h2>badge</h2>
一个数字的时候是圆形，数字长的时候圆角长方形，类似跑道

<h2>checkbox</h2>
单选，多选，开关，选中不选中。
纯 CSS 实现，不能依赖 JS，原理参考 http://forsigner.com/magic-check/

<h2>tip</h2>
可以控制显示，隐藏
支持设置，自动消失

<h2>loading</h2>
可以控制显示，隐藏

<h2>modal</h2>
支持 一个按钮，两个按钮，多个按钮
每个按钮支持自定义事件


<h2>Vue 示例</h2>

<div id="app">
    <app></app>
</div>