<template>
  <view style="background-color: white; height: 100vh">
    <u-navbar :is-back="false" title="核验" :custom-back="goPageFn"></u-navbar>
    <view class="icon-box">
      <view class="center-box">
        <u-icon name="checkbox-mark" color="white" class="icon" size="100"></u-icon>
      </view>
    </view>
    <view style="text-align: center; margin-top: 100rpx; font-size: 40rpx"
      >核验成功！</view
    >
  </view>
</template>

<script>
export default {
  data() {
    return {
      name: "666",
    };
  },
  onLoad(e) {
    console.log(e, "e--");
  },
  created() {},
  methods: {
    goPageFn() {
      /* uni.redirectTo({
        url: "/pages/my/BackSchool/BackSchool",
      }); */
      uni.navigateBack({
        delta: 1
      });
    },
    submitFn() {},
  },
};
</script>

<style lang="scss" scoped>
// 基础信息

.icon-box {
  // border-radius: 50%;
  // border: 1px solid red;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 300rpx;
  .center-box {
    // border: 1px solid blue;
    width: 150rpx;
    height: 150rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    background-color: #16bf32;
    .icon {
      background-color: #16bf32;
    }
    box-shadow: 0 0 0 20px #b9d8b7; /* 初始阴影样式 */
    animation: shadowBreathe 2s ease-in-out infinite; /* 应用动画 */
  }
}
@keyframes shadowBreathe {
  0%,
  100% {
    box-shadow: 0 0 0 0 #c5e7c3; /* 阴影在起始和结束时较淡 */
  }
  // 25%,
  // 75% {
  //   box-shadow: 0 0 0 20px #e1fddf; /* 阴影在中间点时更明显 */
  // }
  50% {
    box-shadow: 0 0 0 25px #e1fddf; /* 阴影在中间点时更明显 */
  }
}
</style>
