js-v-button v1.0.1

使用button按钮

注意要将js文件放到最下面进行引入

1、在页面中直接先引入js文件，在直接进行标签的书写

    <v-button>默认按钮</v-button>
    <v-button type="primary">主要按钮</v-button>
    <v-button type="success">成功按钮</v-button>
    <v-button type="info">信息按钮</v-button>
    <v-button type="warning">警告按钮</v-button>
    <v-button type="danger">危险按钮</v-button>

2、里面默认type为default，其他的type类型还有primary，success，info，warning，danger，类型不同，默认情况下的样式也是不一样的

3、 里面还有plain，round属性，plain是背景色比默认的背景色要浅一些，round是有圆角的按钮

朴素的按钮

    <v-button plain>默认按钮</v-button>
    <v-button type="primary" plain>主要按钮</v-button>
    <v-button type="success" plain>成功按钮</v-button>
    <v-button type="info" plain>信息按钮</v-button>
    <v-button type="warning" plain>警告按钮</v-button>
    <v-button type="danger" plain>危险按钮</v-button>

圆角的按钮

    <v-button round>默认按钮</v-button>
    <v-button type="primary" round size="mini">主要按钮</v-button>
    <v-button type="success" round>成功按钮</v-button>
    <v-button type="info" round>信息按钮</v-button>
    <v-button type="warning" round>警告按钮</v-button>
    <v-button type="danger" round>危险按钮</v-button>

4、还有size这个属性，medium中等按钮，small小的按钮，mini超小的按钮，其他的属性样式看上去跟中等按钮的大小差不多，需要改下padding的值，有点懒，不想去改了,可搭配默认按钮和圆角按钮进行使用

    <v-button type="primary" size="medium">中型按钮</v-button>
    <v-button type="success" size="small">成功按钮</v-button>
    <v-button type="info" size="mini">信息按钮</v-button>