0.1.0 • Published 5 years ago
vue-image-drawer v0.1.0
vue-image-drawer
图像动态绘制效果
🐠 示例
🚀 快速开始
- 安装
yarn add vue-image-drawer # 或 npm i -S vue-image-drawer- 引入
// main.js 入口中
import ImageDrawer from 'vue-image-drawer'
Vue.use(ImageDrawer)- 使用，请参考Demo 源码
<!-- 本地图片的 src 必须用 require('') 引入 -->
<ImageDrawer :src=""></ImageDrawer>🔌 API
Props
| 选项 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| src | 图片链接。本地图片须用 require('') 引入 | String | undefined |
| alt | 图片描述 | String | undefined |
| duration | 动画持续时间 | Number | 4000 |
| immediate | 立即显示图片和动画，而不等图片加载完 | Boolean | false |
Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| loadStart | 图片加载开始 | null |
| loadEnd | 图片加载结束 | null |
Slots
| 名称 | 说明 |
|---|---|
| default | 图片未显示前，ImageDrawer 内需要显示的内容 |
😉😘 如果它对你有所帮助，可以点一下 ⭐️Star ~
参考
License
Copyright (c) 2018-present, momoko
0.1.0
5 years ago