<template>
    <div class="qrcode-container">
        <qrcode :value="downloadUrl" :options="{ width: 300 }"></qrcode>
        <div class="tip">
            请用手机浏览器扫描上方二维码下载安装APP<br /><a download="jmrh.apk" :href="downloadUrl">或直接下载apk</a>
        </div>
    </div>
</template>
<script>
import qrcode from '@chenfengyuan/vue-qrcode';
import resolveUrl from 'resolve-url';
export default {
    components: { qrcode },
    data() {
        return {
            downloadUrl: resolveUrl(this.$baseUrl, '/files/jmrh.apk')
        };
    }
};
</script>
<style lang="less" scoped>
.qrcode-container {
    .flex-col();
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    .qrcode {
    }
    .tip {
        text-align: center;
        margin-top: 25px;
        font-size: 18px;
        line-height: 1.5;
        a {
            color: #999999;
        }
    }
}
</style>
