children.vue 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <template>
  2. <view class="redirect-container">
  3. <view class="redirect-card">
  4. <text class="redirect-icon">👪</text>
  5. <text class="redirect-title">已将孩子管理整合到家庭成员</text>
  6. <text class="redirect-desc">孩子的信息请在「家庭成员」中添加和管理</text>
  7. <button class="redirect-btn" @click="goToFamilyMembers">前往家庭成员</button>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. onShow() {
  14. // 自动跳转到家庭成员页面
  15. uni.redirectTo({ url: '/pages/profile-extra/family-members' })
  16. },
  17. methods: {
  18. goToFamilyMembers() {
  19. uni.redirectTo({ url: '/pages/profile-extra/family-members' })
  20. }
  21. }
  22. }
  23. </script>
  24. <style scoped>
  25. .redirect-container {
  26. display: flex;
  27. justify-content: center;
  28. align-items: center;
  29. min-height: 100vh;
  30. background: #f5f5f5;
  31. padding: 40rpx;
  32. }
  33. .redirect-card {
  34. background: #fff;
  35. border-radius: 20rpx;
  36. padding: 60rpx 40rpx;
  37. text-align: center;
  38. width: 100%;
  39. }
  40. .redirect-icon {
  41. font-size: 80rpx;
  42. display: block;
  43. margin-bottom: 24rpx;
  44. }
  45. .redirect-title {
  46. font-size: 32rpx;
  47. font-weight: bold;
  48. color: #333;
  49. display: block;
  50. margin-bottom: 16rpx;
  51. }
  52. .redirect-desc {
  53. font-size: 28rpx;
  54. color: #666;
  55. display: block;
  56. margin-bottom: 40rpx;
  57. }
  58. .redirect-btn {
  59. background: #07c160;
  60. color: #fff;
  61. border-radius: 44rpx;
  62. font-size: 30rpx;
  63. padding: 20rpx 60rpx;
  64. }
  65. </style>