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

<script>

export default {
  name: "read_center",
  data() {
    return {};
  },
  methods:{
    go_to_choice_book() {
      uni.navigateTo({
        url: '/pages/homepages/homes/choice_book/choice_book'
      })
    }

  }
}
</script>

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

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


}

</style>
