44 lines
1.4 KiB
Markdown
44 lines
1.4 KiB
Markdown
### AnImage 蚁点（Andot）媒体图片组件 使用说明
|
||
|
||
> Introducation 介绍
|
||
|
||
为什么要做这个插件呢，官网已经有<imgae></image>标签了？
|
||
因为太烂了，不符合业务需求呀，如果一个列表，并且列表中如果没有图片，
|
||
找一个默认图片，你有什么办法吗，反正我是木有了，可能需求也比较特殊吧！
|
||
如果你有，请在评论中说出来，感谢您！
|
||
|
||
> 这个就是符合我们HTML中的写法
|
||
|
||
> 废话不多说，马上使用
|
||
|
||
> 引入组件：
|
||
|
||
```
|
||
import anImage from '@/components/an-image/an-image'
|
||
|
||
export default {
|
||
components:{
|
||
anImage
|
||
},
|
||
}
|
||
```
|
||
|
||
> 使用组件
|
||
|
||
```
|
||
<an-image :src="'https://andot.org/'+name+'.jpg'" alt="https://andot.org/images/default.png"></an-image>
|
||
```
|
||
|
||
> 属性
|
||
|
||
属性名 | 类型 | 默认值 | 说明 | 平台差异说明
|
||
-|-|-
|
||
src | String | '' | 图片地址 | 无
|
||
alt | String | '' | 如果图片无法加载，则默认显示图片地址 | 无
|
||
mode | String | 'scaleToFill' | 图片裁剪、缩放的模式 | 无
|
||
width | Number | 70 | 图片宽度，单位：小于1( 0.2 => 20% )则为百分比，大于1( 20=>20px )为px | 无
|
||
height | Number | 90 | 图片高度，单位：小于1( 0.2 => 20% )则为百分比，大于1( 20=>20px )为px | 无
|
||
|
||
|
||
> 有大家可能问我为什么，我的标签前面都有一个an， 因为工作室为Andot Studio， 所以使用an， 蚁点（Andot）
|
||
网站：https://andot.org |