更新记录
1.0.0(2023-06-25)
下载此版本
初始版本
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.4.11 app-vue app-nvue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
√ |
√ |
√ |
√ |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
piaoyi-poster 海报
使用方法:
<template>
<view>
<piaoyi-poster ref="piaoyiPostor" @tempFilePath="tempFilePath" :shopName="shopName" :title="title" :detail="detail" :price="price"></piaoyi-poster>
<button @tap="open">生成</button>
<view style="display: flex;justify-content: center;" class="">
<image :src="img" mode="" style="width: 600rpx;height: 950rpx;" show-menu-by-longpress></image>
</view>
</view>
</template>
<script>
import piaoyiPoster from '@/components/piaoyi-poster/piaoyi-poster.vue'
export default {
data() {
return {
img: null,
title: '飘逸商城',
detail: '飘逸官方商城,卖好货',
price: 90,
shopName: '祈福祈福祈福祈福祈福祈福祈福祈福祈福祈福祈福祈福祈福祈福祈福祈福祈福祈福祈福祈福祈福',
};
},
components: {
piaoyiPoster
},
methods: {
open() {
this.$refs.piaoyiPostor.open()
},
tempFilePath(e) {
this.img = e
}
}
}
</script>
<style lang="scss">
</style>
Prop
参数名称 |
描述 |
title |
标题 |
detail |
描述 |
price |
价格 |
shopName |
商品名称 |
事件
事件名称 |
描述 |
tempFilePath |
生成图片的临时地址 |
可接定制化组件开发
右侧有本人代表作小程序二维码以及插件体验小程序,可以扫码体验,部分插件由于带有图片导致小程序无法正常发布,所以只展示部分插件
如使用过程中有问题或有一些好的建议,欢迎加QQ群互相学习交流:120594820