LinHelp/miniapp/miniprogram/pages/address/index.wxml

<view class="page">
  <view class="page-heading">
    <view class="heading-eyebrow">配送资料</view>
    <view class="heading-title">地址管理</view>
    <view class="heading-subtitle">保存常用住址，提交订单更快</view>
  </view>

  <view class="address-form form-card">
    <view class="card-title form-title">新增地址</view>
    <view class="field-label">联系人</view>
    <input class="input" placeholder="联系人" data-field="contactName" value="{{form.contactName}}" bindinput="onFieldInput" />

    <view class="field-label">手机号</view>
    <input class="input" placeholder="手机号" data-field="phone" value="{{form.phone}}" bindinput="onFieldInput" />

    <view class="field-label">楼栋</view>
    <input class="input" placeholder="楼栋" data-field="building" value="{{form.building}}" bindinput="onFieldInput" />

    <view class="field-label">房号</view>
    <input class="input" placeholder="房号" data-field="room" value="{{form.room}}" bindinput="onFieldInput" />

    <view class="field-label">详细地址</view>
    <input class="input" placeholder="详细地址" data-field="detail" value="{{form.detail}}" bindinput="onFieldInput" />
    <button class="primary action-button" loading="{{submitting}}" bindtap="submit">保存地址</button>
  </view>

  <view class="section-header address-header">
    <view class="section-title">已保存地址</view>
  </view>

  <view wx:for="{{addresses}}" wx:key="id" class="address-card">
    <view class="row between address-top">
      <view class="card-title">{{item.contactName}} {{item.phone}}</view>
      <view wx:if="{{item.default}}" class="tag">默认</view>
    </view>
    <view class="address-detail">{{item.building}} {{item.room}} {{item.detail}}</view>
    <button wx:if="{{!item.default}}" size="mini" class="ghost default-button" data-id="{{item.id}}" bindtap="setDefault">设为默认</button>
  </view>

  <view wx:if="{{!addresses.length}}" class="empty-state">暂无地址</view>
</view>