<template> <div class="banner"> <img :src="resource" alt=""> <div class="link" @click="onClick"></div> </div> </template> <script> import {createNamespacedHelpers} from 'vuex'; const {mapState} = createNamespacedHelpers('gain'); export default { computed: { ...mapState(['resource']) }, methods: { onClick() { this.$yoho.goNewPage({ url: 'https://activity.yoho.cn/feature/5729.html?title=活动规则&openby:yohobuy={"action":"go.h5","params":{"title":"活动规则","url":"https://activity.yoho.cn/feature/5729.html"}}' }); } } }; </script> <style lang="scss" scoped> .banner { font-size: 0; padding-bottom: 20px; background-color: #f0f0f0; img { position: relative; width: 100%; } .link { position: absolute; width: 200px; height: 200px; top: 0; right: 0; } } </style>