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

<script>

export default {
  name: "puppy_chat",
  data() {
    return {
      extend_class : ''
    };

  },
  methods:{
     go_go_puppy_chat(){
        uni.navigateTo({
             url: '/pages/homepages/puppy_chat/puppy_chat'
        })
       uni.showToast({
         title: '跳转成功',
         icon: 'success',
       })
     }
  }
}
</script>

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

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


}

</style>
