更新记录

1.1.0（2021-01-21） 下载此版本

修复mode设置不生效问题

1.0.0（2021-01-21） 下载此版本

首次发布

平台兼容性

属性说明

以上属性与官方Image一致，请参考 官方文档

以上为增强属性，为本组件的增加功能

使用示例

总的使用原则就是，官方的Image组件的属性都可以使用，还可以使用增强属性，占位、失败、加载完成动画的显示

图片大小就直接 class 设置就行了，和官方的Image组件一样

<template>
    <view class="list">
        <fr-image class="img" src="../../static/a.png" mode=""/>
        <fr-image class="img" src="https://tva1.sinaimg.cn/xxx.png" mode="" loading-ing-img="two-balls"/>
        <fr-image class="img" src="../a.png" mode="" loading-ing-img="../static/a.png"/>
        <fr-image class="img" src="../static/a.png" mode="" loading-ing-img="../static/a.png"/>
    </view>
</template>

<script>
import FrImage from '@/components/fr-image/fr-image.vue'
</script>

加入交流群

扫码加我微信加入微信交流群（请备注：图片Uni插件）

🤗 🤗 🤗 如果对您有帮助，请右上角点赞，五星好评