cfc/cfc-frontend/pages/profile-extra/children.vue

<template>
  <view class="redirect-container">
    <view class="redirect-card">
      <text class="redirect-icon">👪</text>
      <text class="redirect-title">已将孩子管理整合到家庭成员</text>
      <text class="redirect-desc">孩子的信息请在「家庭成员」中添加和管理</text>
      <button class="redirect-btn" @click="goToFamilyMembers">前往家庭成员</button>
    </view>
  </view>
</template>

<script>
export default {
  onShow() {
    // 自动跳转到家庭成员页面。
    // onShow 可能重复触发，且与按钮的 redirectTo 叠加时会并发发起跳转，
    // 让框架对已销毁的 webview 调用 routeDone，报
    // "routeDone with a webviewId N is not found"。统一走一次性守卫。
    this.redirectOnce()
  },
  methods: {
    redirectOnce() {
      if (this._redirected) return
      this._redirected = true
      uni.redirectTo({ url: '/pages/profile-extra/family-members' })
    },
    goToFamilyMembers() {
      this.redirectOnce()
    }
  }
}
</script>

<style scoped>
.redirect-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: #f5f5f5;
  padding: 40rpx;
}
.redirect-card {
  background: #fff;
  border-radius: 20rpx;
  padding: 60rpx 40rpx;
  text-align: center;
  width: 100%;
}
.redirect-icon {
  font-size: 80rpx;
  display: block;
  margin-bottom: 24rpx;
}
.redirect-title {
  font-size: 32rpx;
  font-weight: bold;
  color: #333;
  display: block;
  margin-bottom: 16rpx;
}
.redirect-desc {
  font-size: 28rpx;
  color: #666;
  display: block;
  margin-bottom: 40rpx;
}
.redirect-btn {
  background: #07c160;
  color: #fff;
  border-radius: 44rpx;
  font-size: 30rpx;
  padding: 20rpx 60rpx;
}
</style>