zsg-ui v0.1.2

zsg-ui

基于vue的ui组件库

组件使用

import ZsgUi from 'zsg-ui'
import 'zsg-ui/dist/zsg-ui-end.css'
Vue.use(ZsgUi)

组件库

• 按钮

<zsg-btn>这是一个按钮</zsg-btn>

• 输入框

<zsg-input></zsg-input>

• switch开关

<zsg-switch></zsg-switch>

• 对话框

<zsg-dialog></zsg-dialog>

• 单选按钮

 <zsg-radio-group v-model="gender">
        <zsg-radio label="女">女</zsg-radio>
        <zsg-radio label="男">男</zsg-radio>
      </zsg-radio-group>

• 按钮组

   <zsg-check-box-group v-model="hobby">
        <zsg-check-box label="抽烟"></zsg-check-box>
        <zsg-check-box label="喝酒"></zsg-check-box>
        <zsg-check-box label="烫头"></zsg-check-box>
    </zsg-check-box-group>

• 表单

<zsg-form :model="model">
    <zsg-form-item label='用户名'>
        <zsg-input placeholder="请输入用户名"></zsg-input>
    </zsg-form-item>
    <zsg-form-item label='选择'>
        <zsg-input placeholder="请输入用户名"></zsg-input>
    </zsg-form-item>
</zsg-form>