更新记录

1.0.0(2023-07-17)

  • 第一次版本提交

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

卡片上传组件

组件名:h-card-upload

安装方式

本组件符合easycom规范,HBuilderX 2.5.5起,只需将本组件导入项目,在页面template中即可直接使用,无需在页面中import和注册components

基本用法

template 中使用组件

<!-- 基本使用 -->
<h-card-upload></h-card-upload>

<!-- 自定义背景颜色、字体颜色 -->
<h-card-upload background="#17181c" color="#fff"></h-card-upload>

<!-- 自定义图标字体颜色 -->
<h-card-upload background="#17181c" color="#fff" iconColor="#0079fe"></h-card-upload>

<!-- 自定义标题 -->
<h-card-upload title="自定义标题"></h-card-upload>

<!-- 自定义提示文字 -->
<h-card-upload hint="自定义提示文字自定义提示文字自定义提示文字自定义提示文字自定义提示文字"></h-card-upload>

<!-- 自定义按钮文字 -->
<h-card-upload buttonText="选择图片文件"></h-card-upload>

<!-- 限制上传图片大小 -->
<h-card-upload :fileSize="5236412"></h-card-upload>

组件中图标使用了自己的h-icon 组件,小程序不支持网络链接,使用时需要下载自己的图标库,使用本地地址;h-icon文档链接:https://ext.dcloud.net.cn/plugin?id=13216

API

Props

属性名 类型 默认值 说明
background String #f1f2f4 背景颜色
color String #000 字体颜色
iconColor String #f15723 图标字体颜色
title String 相关附件 标题
hint String 请选择要从计算机或设备上传的文件,单个附件不能大于5M 提示
buttonText String 选择文件 按钮文字
fileSize Number 5242880 附件大小限制 单位B

Events

事件名 类型 回调参数 说明
active function arr(附件列表) 附件上传后回调
delete function file(删除的附件集合),index(删除的附件下标) 附件删除后回调

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问