xiaolin-ui

安装组件库

npm i lxl_ui

引入组件库

<!-- 全部引入 -->
import 'lxl_ui/dist/css/index.css';
import MUI from 'lxl_ui';
Vue.use(MUi)

<!-- 按需引入 -->
import 'lxl_ui/dist/css/badge.css';
import Badge from 'lxl_ui';
Vue.use(Badge)

使用示例

<M-Badge
    :value="1"
    type="success"
>
    <M-Button size="small">Number类型</M-Button>
</M-Badge>
<M-Badge
    :value="100"
    :max="99"
    type="warning"
>
    <M-Button size="small">限制最大值</M-Button>
</M-Badge>
<M-Badge is-dot>
    <M-Button
        size="small"
        icon="look"
    >小圆点</M-Button>
</M-Badge>
<M-Badge
    value="hot"
    type="primary"
>
    <M-Button size="small">String类型</M-Button>
</M-Badge>

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.