README.md 2.7 KB

组件

按钮

型号:大、中(默认)、小
功能:直角、圆角、手型
类型:默认、主要、成功、信息、警告、危险
扩展:自定义背景色、自定义文字颜色

基础用法


默认 主要 成功 信息 警告 危险


默认 主要 成功 信息 警告 危险


手型 禁用 自定义颜色

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

<lv-button round>圆角</lv-button>

<lv-button round hand>手型</lv-button>
<lv-button round type="primary" disabled>禁用</lv-button>
<lv-button round bgColor="#20214F" fontColor="#fff">自定义颜色</lv-button>
参数 说明 类型 可选值 默认值
size 尺寸 String big / medium / small medium
type 类型 String primary / success / info / warning / danger default
round 是否圆角 Boolean - false
hand 是否手型 Boolean - false
disabled 是否禁用 Boolean - false
bgColor 背景颜色 String - -
fontColor 文字颜色 String - -

弹出层

功能:弹出层(直角、圆角)
扩展:自定义宽高

基础用法


点我弹出

<lv-dialog
    title="授权"
    v-model="var">
</lv-dialog>
参数 说明 类型 可选值 默认值
title 标题 String - 提示