收货地址卡片源码分享

话不多说，直接献上代码，烦请您给我点个赞，加个关注。

<div class="addresslist" v-if="addressList.length > 0">
        <div
          :class="selAddress == index ? 'addressitem' : 'addressitem-un'"
          v-for="(item, index) in addressList"
          :key="index"
          @click="selAddress = index"
        >
          <div v-if="selAddress == index" class="mark"></div>
          <div v-if="item.isDefault" class="default">默认地址</div>
          <p class="top">
            {{ item.province + item.city + "(" + item.name + "收)" }}
          </p>
          <p class="detail">{{ item.detail + " " + item.tel }}</p>
        </div>
</div>

selAddress ：0,
addressList: [
        {
          province: "吉林",
          city: "长春",
          name: "张三",
          detail: "朝阳 硅谷 xx大街与xx街交汇 xx小区xx栋",
          tel: "13333333333",
          isDefault: false
        },
        {
          province: "吉林",
          city: "长春",
          name: "张三",
          detail: "朝阳 硅谷 xx大街与xx街交汇 xx小区xx栋",
          tel: "13333333333",
          isDefault: false
        },
        {
          province: "吉林",
          city: "长春",
          name: "张三",
          detail: "朝阳 硅谷 xx大街与xx街交汇 xx小区xx栋",
          tel: "13333333333",
          isDefault: false
        },
      ]

在这里插入代码片