Photo 拍照框

fox-photo 单拍框

HTML

基本使用

<fox-group no="1" title="单拍框" column="3">
	<fox-photo default-image="./static/img/pad/icons/face.png" v-model="idFornt">身份证正面</fox-photo>
    <fox-photo v-model="idBack">身份证反面</fox-photo>
    <fox-photo v-model="head">头像</fox-photo>
</fox-group>

API

Props

组件支持以下属性

参数	说明	类型	默认值
value/v-model	更新的照片	Object	—
label	标签名	String	—
tip	提示	String	—
has-text	是否有备注	Boolean	true
has-take	是否有拍照按钮	Boolean	false
has-delete	是否有删除按钮	Boolean	true
readonly	是否只读	Boolean	false
disabled	是否可用	Boolean	false
take-disabled	重拍按钮是否可用	Boolean	false
text-disabled	备注是否可用	Boolean	false
delete-disabled	删除否可用	Boolean	false
span	跨列	Number/String	1
before-take	拍照前事件	Function	—
before-take-param	拍照前参数	Object	—
options	参数	Object/String	type:'back', quality: 100
default-image	默认图片	String	—
on-view	图片查看扩展函数	Function	—
on-view-args	图片查看扩展函数参数	Object	—

Event

支持以下事件:

事件	说明
focus	获得焦点触发
change	更新图片触发
action	点击图标触发

Slots

支持以下插槽

名称	说明
default	标签名

fox-photo-set 多拍框

HTML

基本使用

<fox-group no="1" title="多拍框" column="3">
	<fox-photo-set v-model="val">营业执照</fox-photo-set>
	<fox-photo-set v-model="val2">流水记录</fox-photo-set>
	<fox-photo-set v-model="val3">固定资产</fox-photo-set>
</fox-group>

API

Props

组件支持以下属性

参数	说明	类型	默认值
value/v-model	更新的照片	Object	—
label	标签名	String	—
tip	提示	String	—
has-text	是否有备注	Boolean	true
has-take	是否有拍照按钮	Boolean	false
has-delete	是否有删除按钮	Boolean	true
readonly	是否只读	Boolean	false
disabled	是否可用	Boolean	false
editable	是否可编辑	Boolean	true
take-disabled	重拍按钮是否可用	Boolean	false
text-disabled	备注是否可用	Boolean	false
delete-disabled	删除否可用	Boolean	false
span	跨列	Number/String	1
before-take	拍照前事件	Function	—
before-take-param	拍照前参数	Object	—
policy	策略	String	replace
options	参数	Object/String	type:'back',mode: 'burstShot',quality: 100
default-image	默认图片	String	—
on-view	图片查看扩展函数	Function	—
on-view-args	图片查看扩展函数参数	Object	—

Event

支持以下事件:

事件	说明
focus	获得焦点触发
change	更新图片触发
action	点击图标触发

Slots

支持以下插槽

名称	说明
default	标签名