lv-components/docs/components

组件

按钮

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

基础用法

---

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

---

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

---

手型 禁用 自定义颜色

<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-icon type="add" fontSize="60"></lv-icon>
<lv-icon type="wechat" fontSize="60"></lv-icon>
<lv-icon type="friend" fontSize="60"></lv-icon>
<lv-icon type="addRound" fontSize="60"></lv-icon>

参数	说明	类型	可选值	默认值
type	类型	String	-	-
color	字体颜色	String	-	-
fontSize	字体大小	String	-	-
fontUnit	字体单位	String	-	px

弹出层

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

基础用法

---

点我弹出

<lv-dialog
    title="授权"
    v-model="var">
</lv-dialog>

参数	说明	类型	可选值	默认值
title	标题	String	-	提示