更新记录

1.0.0（2022-03-25）

二维码名片

平台兼容性

<template>
    <view class="container">
        <VisitCard ref="VisitCard" @done="done"/>
        <image class="imgUrl" :src="imgUrl" mode="widthFix"></image>
    </view>
</template>

import VisitCard from "@/components/visit-card/visit-card.vue"
export default {
        components: { VisitCard },
        data() {
            return {
                imgUrl: null //生成的图片路径
            }
        },
        mounted() {
            // 调用
            const urls = [
                "https://xxx.xxx.xxx/poster.png",
                "https://xxx.xxx.xxx/qrcode.png"
            ];
            this.$refs.VisitCard.downloadFiles(urls).then(paths => {
                const config = {
                    image: {
                        path: paths[0],
                        x: 0,
                        y: 0,
                        w: 750,
                        h: 1134
                    },
                    qrcode: {
                        path: paths[1],
                        x: 550,
                        y: 934,
                        w: 200,
                        h: 200
                    }
                }
                this.$refs.VisitCard.open(config);
            })

        },
        methods: {
            // 回调
            done(tempFilePath) {
                this.imgUrl = tempFilePath;
            }
        }
    }