<template>
<div id="homepageroot" class="pageroot">
  <div id="hpbanner" class="pagebanner">
    <div class="bannercontent">
      <span class="banner1">为用户创造美好体验<br /></span>
      <span class="banner2">驱动商业可持续增长</span>
    </div>
  </div>
</div>
</template>

<script>
export default {
  name: "Homepage"
}
</script>

<style scoped lang="scss">
@import "src/publicstyle.scss";

#hpbanner{
  @include media-breakpoint-between(xs, md) {
    background-image: url('/Homepage/banner_wep.png');
  }

  @include media-breakpoint-up(md) {
    background-image: url('/Homepage/banner.png');
  }
}
</style>
