ThImg图片
吴少文 2023/1/10 vue
# ThImg图片
扩展element-ui的el-image组件,该组件支持云服务预设尺寸(支持云服务器: 京东云,阿里云,腾讯云,同徽 OSS)
# 依赖说明
element-ui
# 基本使用
<template>
<div>
<th-img
src="https://img.alicdn.com/imgextra/i2/30301515/TB2QZzlD1SSBuNjy0FlXXbBpVXa_!!0-saturn_solar.jpg_468x468q75.jpg"
:cloud-height="100"
:cloud-width="200"
/>
</div>
</template>
# Attributes
| 参数 | 说明 | 类型 | 默认值 | 可选值 | 是否必填 |
|---|---|---|---|---|---|
| cloudType | 云服务器类型,jd-京东云 ali-阿里云 tencent-腾讯 th-同徽 none-无 | String | th | jd / ali / tencent / th / none | 否 |
| cloudWidth | 云服务预设宽 | Number | -- | -- | -- |
| cloudHeight | 云服务预设高 | Number | -- | -- | -- |
| cloudBg | 云服务预设拉伸后底色 | String | fff | 不用带#的十六进制颜色码 | -- |
| 其余属性同el-image相同 | 去查看 (opens new window) | -- | -- | -- | -- |
# Methods
| 方法名 | 说明 | 参数 |
|---|---|---|
| load | 同el-image相同 | -- |
| error | 同el-image相同 | -- |
# Slots
| 方法名 | 说明 | 参数 |
|---|---|---|
| placeholder | 同el-image相同 | -- |
| error | 同el-image相同 | -- |