<!-- 家庭组管理 -->
<view class="container">
  <view class="page-title">👨‍👩‍👧‍👦 家庭组</view>

  <!-- 已加入 -->
  <view wx:if="{{familyId}}" class="card">
    <text class="card-title" style="font-size:30rpx;font-weight:bold;display:block;">当前家庭</text>
    <view class="mt-20">
      <text style="font-size:28rpx;">邀请码：<text style="color:#07C160;font-weight:bold;font-size:36rpx;">{{inviteCode}}</text></text>
    </view>
    <text class="text-muted mt-20" style="display:block;">👆 让家里人扫这个码加入</text>
    <view class="mt-20">
      <text style="font-size:28rpx;">成员：</text>
      <text class="member-tag" wx:for="{{members}}" wx:key="openid">{{item.nickname || '未设昵称'}}</text>
    </view>
  </view>

  <!-- 创建家庭 -->
  <view wx:if="{{!familyId}}" class="card">
    <text class="card-title" style="font-size:30rpx;font-weight:bold;display:block;">创建家庭组</text>
    <input class="form-input" placeholder="给家庭取个名字" value="{{familyName}}" bindinput="onInput" data-field="familyName"/>
    <button class="btn-primary mt-20" bindtap="createFamily">创建</button>
  </view>

  <!-- 加入家庭 -->
  <view wx:if="{{!familyId}}" class="card mt-20">
    <text class="card-title" style="font-size:30rpx;font-weight:bold;display:block;">加入家庭组</text>
    <input class="form-input" placeholder="输入邀请码" value="{{joinCode}}" bindinput="onInput" data-field="joinCode"/>
    <button class="btn-primary mt-20" bindtap="joinFamily">加入</button>
  </view>
</view>
