<template>
    <div>
        <img :src=" imgUrl ? imgUrl : btnUrl " alt class="install_chrome" @click="clickOpenChrome()" />
    </div>
</template>
<script>
let btnUrl = require('../static/svg/icon-install-chrome.svg');

export default {
    name: 'install_chrome',
    props: {
		imgUrl: {
			type: String,
			default: '',
		}
	},
    data() {
        return {
            btnUrl,
        }
    },
    methods: {
        clickOpenChrome() {
            window.open('https://www.google.com/chrome')

            // let extParams = this.isMobile() ? {} : { status: this.reportStatus }
            // Report.reportLog({
            //     baseInfo: {
            //         appVersionCode: this.appVersionCode,
            //         mid: this.mid,
            //         pageSource: Report.pageSource.newUserLandingPage,
            //         appType,
            //         machineCode: this.mid
            //     },
            //     params: {
            //         eventData: {
            //             businessType: Report.businessType.buttonClick,
            //             objectType: Report.objectType.installButton,
            //             postId: this.detail.postId,
            //             srcContentId: this.detail.srcContentId,
            //             senderId: this.detail.srcUserId,
            //         },
            //         extParams: extParams
            //     }
            // })
        },
    }
}

</script>
<style lang="scss" scoped>
.install_chrome{
    cursor: pointer;
}
</style>