移动端无数据时的空白页

    <!-- 当没有收货地址时 -->
    <div
      v-if="isNone"
      class="noAddress"
      style="
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #f3f1f4;
      "
    >
      <img
        src="../../assets/img/empty/img_blank_adress@2x.png"
        alt=""
        style="width: 2.17rem; height: 1.75rem; margin-top: 1.75rem"
      />
      <p
        style="
          height: 0.24rem;
          font-size: 0.12rem;
          color: #99999b;
          line-height: 0.24rem;
        "
      >
        暂无收货地址~
      </p>
    </div>

isNone: false,

 

// 获取到数据之后

 if (res.data.backdata.address.length == 0) {

          this.isNone = true;

        } else {

          this.addressAll = res.data.backdata.address;

          this.isNone = false;

        }