更新记录

1.0.0（2024-08-13） 下载此版本

海报插件

平台兼容性

shaoll-poster

<template>
    <view>
        <uni-button type="primary" @click="share_qrcode()">生成海报</uni-button>
        <shaoll-poster ref="draw" />
    </view>
</template>

<script>
export default {
    data() {
        return {
            option: {
                //绘制海报内容
                codeUrl: 'https://pic1.zhimg.com/80/v2-2714df42147132464a71af391ed04be4_720w.jpg', //小程序太阳码
                coverUrl: 'https://pic1.zhimg.com/80/v2-2714df42147132464a71af391ed04be4_720w.jpg', //题库图片
                headUrl: 'https://pic1.zhimg.com/80/v2-b9df1fdfe67f2177d5c84af90dcadfc1_720w.jpg?source=1940ef5c', //头像
                bgUrl: 'https://pic3.zhimg.com/v2-8fbde0f9ac6a19a23aa839e73394618a_b.jpg', //图片背景填充，和 fillStyle 只能传一个，bgUrl 优先级高于 fillStyle
                fillStyle: '#0688ff', //纯色背景填充颜色
                nickName: 'UNDEFINED', //授权登录的用户名
                miniName: '巨象信息技术有限公司', //小程序名称
                tkName:'澳拓美盛澳拓美盛澳拓美盛澳拓美盛澳拓美盛澳拓美盛澳拓美盛澳拓美盛澳拓美盛澳拓美盛澳拓美盛澳拓美盛澳拓美盛~~', //名称
                tkAuthor:'七都七都七都七都七都七都七都七都七都七都七都七都七都七都七都七都七都七都七都七都七都七都七都七都七都七都七都七都七都', //副标题
                tkType: '考试', //题库类型
                cost: '免费', //是否需要收费   免费/付费
                isPub: '公开' //公开 还是 私有
            }
        };
    },
    methods: {
        share_qrcode() {
            this.$refs.draw.share_qrcode(this.option);
        }
    }
};
</script>

<style lang="scss" scoped></style>