§ Frame 框架
§ fox-frame 框架模组
§ HTML
§ 基本使用
<fox-group no="1" title="frame" column="3">
<fox-frame v-model="sign" v-on:action="callSign">签名</fox-frame>
<fox-frame v-model="face" v-on:action="faceCheck">人脸识别</fox-frame>
<fox-html>
<template v-slot:label>
<div>确定阅读</div>
</template>
<template v-slot:html>
<div class="my-html-div">
<fox-checkbox style="text-align: left">
本人已经阅读并同意
<span style="color:red">《征信授权书》、《微信贷中心贷款申请》和《客户公开信》</span>
</fox-checkbox>
</div>
</template>
</fox-html>
</fox-group>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
§ API
§ Props
组件支持以下属性
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| label | 标签名 | String | — |
| tip | 提示 | String | — |
| readonly | 是否只读 | Boolean | false |
| disabled | 是否可用 | Boolean | false |
| span | 跨列 | Number/String | 1 |
| value/v-model | 输入值 | Object/ String | icon: "",image: "",text: "" |
§ Event
支持以下事件:
| 事件 | 说明 |
|---|---|
| focus | 获取焦点 |
| action | 点击icon图标 |
§ Slots
支持以下插槽
| 名称 | 说明 |
|---|---|
| default | 标签名 |
← photo 拍照框 marquee 走马灯 →