nuxtProject/pages/courseware/compete.vue

<!-- 课程开发课程大赛页面-->
<template>
    <div class="website-course-compete-page">
      <!-- 课程开发课程大赛 banner栏 pc-->
      <div  @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${competeBannerImg})`}" class="website-course-banner mta-hidden-xs"></div>
      <!-- 课程开发课程大赛 banner栏 移动端-->
      <div  @click="clickBanner(bannerList[0].url)" :style="{backgroundImage: `url(${competeBannerPhoneImg})`}" class="website-course-banner mta-hidden-sm"></div>


    </div>
</template>

<script>
    export default {
        name: 'compete',
        layout:'templateB',
      data() {
        return {
          // 发展现状img
          competeBannerImg: require(`~/static/images/client/course/course-compete-banner.png`),
          competeBannerPhoneImg: require(`~/static/images/client/course/course-compete-sj-banner.jpg`),
        }
      }
    };
</script>

<style scoped>

</style>