<template>
  <view class="page-bg">
    <view class="btn-group">
      <button class="green-btn btn1" @click="routeTo('createInfo')">老人注册</button>
      <button class="green-btn btn2" @click="routeTo('searchState')">状态查询</button>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      }
    },
    methods: {
      routeTo(url) {
        uni.navigateTo({
          url: `/pages/${url}/${url}`,
        })
      }
    }
  }
</script>

<style lang="scss" scoped>
  .page-bg {
    height: 100vh;
    overflow: hidden;
    background-image: linear-gradient(to top, #68b7e7 0%, #ffffff 100%);
    animation: fadeIn 1s linear;
  }

  .btn-group {
    padding: 1px;
    position: relative;
    top: 28%;
  }

  .green-btn {
    width: 60%;
    background: #28d87d;
    // background: #00c4f3;
    border-radius: 5px;
    color: white;
    margin: 50px auto;
    position: relative;
  }

  .btn1 {
    animation: fadeInLeft 1s ease;
  }

  .btn2 {
    animation: fadeInRight 1s ease;
  }
</style>