<template>
  <view :class="['container', extend_class]">
    <image class="background" src="@/static/components/swiper/community/background.png"></image>
    <image class="button" @click="go_to_community" src="@/static/components/swiper/community/button.png"></image>
  </view>
</template>

<script>

export default {
  name: "community",
  data() {
    return {};
  },
  methods: {
    go_to_community() {
      uni.navigateTo({
        url: '/pages/homepages/community/community/community'
      })
    }
  }
}
</script>

<style lang="scss">
.background{
  position: absolute;
  width: 100%;

}
.button{
  position: absolute;
  height: 20%;
  width: 36%;
  left: 7%;
  top: 67%;


}

</style>
