fastposter官方文档

模式

Uniapp SDK ​

安装插件 ​

获取

插件市场： https://ext.dcloud.net.cn/plugin?id=11239

示例代码 ​

可通过插件市场获取示例代码以及安装教程

vue
<template>
	<view>
		<image mode="widthFix" :src="img"></image>
	</view>
</template>

<script>
	import fastposter from '@/uni_modules/fastposter-kit/js_sdk/main.js'
	export default {
		data() {
			return {
				img: ''
			}
		},
		onLoad() {
			const params = { //参数
				title: 'Fastposter',
				desc: 'fastposter云服务基于低代码设计理念，只需几行代码，轻松完成海报开发',
				img: 'https://store.fastposter.net/assets/www/0427.png',
				price: '19.80',
				qr: 'hello Fastposter',
			}
			const config = { //配置
				token: '4461dc24ee69ec600cae',
				b64: true,
				// endpoint:'https://poster.prodapi.cn'  社区版或专业版需要设置服务地址
			}
			fastposter.init(config).buildPoster(
				'3e8dd5f0807f4696',
				params).then((res) => {
				this.img = res
			})
		},
		methods: {

		}
	}
</script>

<style>
	
</style>
<template>
	<view>
		<image mode="widthFix" :src="img"></image>
	</view>
</template>

<script>
	import fastposter from '@/uni_modules/fastposter-kit/js_sdk/main.js'
	export default {
		data() {
			return {
				img: ''
			}
		},
		onLoad() {
			const params = { //参数
				title: 'Fastposter',
				desc: 'fastposter云服务基于低代码设计理念，只需几行代码，轻松完成海报开发',
				img: 'https://store.fastposter.net/assets/www/0427.png',
				price: '19.80',
				qr: 'hello Fastposter',
			}
			const config = { //配置
				token: '4461dc24ee69ec600cae',
				b64: true,
				// endpoint:'https://poster.prodapi.cn'  社区版或专业版需要设置服务地址
			}
			fastposter.init(config).buildPoster(
				'3e8dd5f0807f4696',
				params).then((res) => {
				this.img = res
			})
		},
		methods: {

		}
	}
</script>

<style>
	
</style>