NUXT_FRONTEND/components/Banners/W1254H300.vue

<template>
  <section class="banner-W1254H300">
    <div class="section-wrapper">
      <div id="adfox_167049491279464015"></div>
      <div id="adfox_163238664261336035"></div>
    </div>
  </section>
</template>

<script>
export default {
  watch: {
    $route (to, from) {
      // eslint-disable-next-line no-undef
      Ya.adfoxCode.reload('adfox_167049491279464015')
      // eslint-disable-next-line no-undef
      Ya.adfoxCode.reload('adfox_163238664261336035')
    }
  },
  mounted () {
    window.yaContextCb.push(() => {
      // eslint-disable-next-line no-undef
      Ya.adfoxCode.create({
        ownerId: 720777,
        containerId: 'adfox_167049491279464015',
        params: {
          p1: 'cwojh',
          p2: 'hyrh'
        }
      })
      // eslint-disable-next-line no-undef
      Ya.adfoxCode.create({
        ownerId: 279920,
        containerId: 'adfox_163238664261336035',
        params: {
          pp: 'g',
          ps: 'dbpj',
          p2: 'hiju'
        }
      })
    })
  }
}
</script>

<style lang='less'>
.banner-W1254H300 {
  width: 100%;
  div{
    margin: 0 auto;
    div{
      margin: 0 auto;
    }
  }

  @media (max-width: 576px) {
    display: none;
  }

  .section-wrapper {
    height: auto;
    text-align: center;
    position: relative;
    // background-color: green;
    // &::after {
    //   content: "Растяжка 3";
    //   position: absolute;
    // }
  }
}
</style>