classroom-music-activation/miniprogram/pages/address/index.wxml

<!--pages/address/index.wxml-->
<view class="container">
  <navigation-bar title="收货地址"></navigation-bar>
  <scroll-view class="record-list" type="list" scroll-y>
    <view class="address-list">
      <view class="empty-box" wx:if="{{ addressList.length <= 0 }}">
        <image src="https://oss.dayaedu.com/ktyq/1731839238916.png"></image>
        <view class="empty-text">暂无收货地址</view>
      </view>
      <view wx:for="{{ addressList }}" wx:key="index">
        <view class="address-item {{ item.id === id ? 'active' : '' }}" bind:tap="onSelectAddress" data-id="{{ item.id }}">
          <view class="item-title">
            {{ item.provinceName }}{{ item.cityName }}{{ item.regionName }}
          </view>
          <view class="detailAddress">
            {{ item.detailAddress }}
          </view>
          <view class="item-users">
            <view class="item-user">
              <text>{{ item.name }}</text>
              <text>{{ item.phoneNumber }}</text>
            </view>
          </view>
          <view class="item-btn-group">
            <button class="btn del-btn" catch:tap="onRemoveAddress" data-id="{{ item.id }}">删除</button>
            <button class="btn update-btn" catch:tap="onUpdateAddress" data-id="{{ item.id }}">编辑</button>
          </view>
        </view>
      </view>
    </view>
  </scroll-view>


  <view class="pop-btn-list">
    <button class="submit-btn" bind:tap="onShowAddress">新建收货地址</button>
  </view>

  <van-popup show="{{ addressShow }}" safe-area-inset-bottom="{{false}}" lock-scroll="{{true}}" bind:close="onCloseAddress" position="bottom" round z-index="101" bind:after-leave="onAddressAfterLeave">
    <view class="addressContainer" wx:if="{{ !addressAfterLeave }}">
      <image src="./image/icon-close1.png" class="icon-close" bind:tap="onCloseAddress" />
      <view class="pop-address-title">
        {{ selectAddressId ? '修改收货地址' : '新建收货地址' }}
      </view>

      <van-cell-group border="{{ false }}" class="cell-group">
        <van-field model:value="{{ name }}" label="收货人" placeholder="请填写收货人姓名" placeholder-style="color: #bbb" />
        <van-field model:value="{{ phoneNumber }}" label="电话号码" type="number" placeholder-style="color: #bbb" placeholder="请输入手机号码" maxlength="11" />
        <van-field value="{{ provinceName ? provinceName + '/' + cityName + (regionName ? '/' + regionName : '' )  : '' }}" label="选择地区" placeholder-style="color: #bbb" placeholder="请选择省/市/区" readonly is-link bind:tap="onShowAreaList" />
        <van-field model:value="{{ detailAddress }}" label="详细地址" type="textarea" placeholder-style="color: #bbb" placeholder="请填写小区/楼号/单元/门牌号" input-class="textarea" autosize />
      </van-cell-group>

      <view class="pop-btn-group">
        <button class="submit-btn" bind:tap="onOperationAddress">确认</button>
      </view>
    </view>
  </van-popup>

  <!-- 地区 -->
  <van-popup round="{{true}}" lock-scroll="{{true}}" z-index="{{103}}" show="{{showArea}}" position="bottom" safe-area-inset-bottom="{{false}}" bind:close="onCloseAreaList">
    <van-area id='area1' areaList="{{areaList}}" visible-item-count="9" item-height="46" value="{{ regionCode }}" bind:cancel="onCloseAreaList" bind:confirm="submitArea" />
  </van-popup>

  <van-popup round lock-scroll="{{true}}" z-index="{{102}}" show="{{showDialog}}">
      <view class="dialog-section">
        <view class="dialog-title">删除地址</view>

        <view class="dialog-content">确认要删除该收货地址吗？</view>

        <view class="dialog-btn-group">
          <view class="btn" bind:tap="onDialogClose">取消</view>
          <view class="btn del-btn" bind:tap="onDialogConfirm">确认</view>
        </view>
      </view>
    </van-popup>
</view>