更新记录
1.0.1(2023-07-04)
优化一些细节
1.0.0(2021-05-27)
使用:
import fyPoster from '../../../../components/fy-poster/poster.vue'
components:{
fyPoster
},
<fy-poster :poster-picUrl="picUrl" :poster-bgImageURL="bgImageURL"></fy-poster>
picUrl:上传的图片
bgImageURL:海报背景图片
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
fy-poster
属性说明
属性名 |
类型 |
默认值 |
说明 |
posterPicUrl |
String |
'' |
可滑动缩放的图片 |
posterBgImageURL |
String |
‘’ |
图片覆盖的透明背景图 |
width |
String |
‘’ |
图片拖动旋转缩放的区域 |
使用示例
//基础用法
<poster posterPicUrl='https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'></poster>
import poster from '@/components/fy-poster/poster.vue'
export default {
components: {
poster
}
}