live-telecast-ui-h5/src/views/referMenu/index.vue

<template>
  <div class="address" style="padding-top: 46px; background: #e6e6dc">
    <van-nav-bar
      :title="title"
      class="van-nav-bar-my-fixed"
      left-arrow
      @click-left="onClickLeft"
      @click-right="onClickRight"
      fixed
    />
      <!-- :right-text="isRes === '1' || total === 0 ? '' : '删除'" -->


    <div class="addr-null">
      <img src="@/assets/images/referMenu/referMenu.png" alt="" />
      <div class="addr-null-title">
        <p>敬请期待</p>
      </div>
      <p style="margin: 0" class="p1">程序大大正努力开发中~</p>
    </div>
  </div>
</template>

<script>
import resToken from "@/mixins/resToken";
export default {
  mixins: [resToken],
  data() {
    return {
      title: null,
      loading: false,
    };
  },
  async created() {
    if (this.$route && this.$route.query && this.$route.query.id) {
      this.isRes = "1";
    } else {
      this.isRes = "0";
    }
  },
  mounted() {
    this.title = this.$route.query.type;
  },
  methods: {
    onClickLeft() {
      window.history.back(-1);
    },
    onClickRight() {
      if (!this.loading) {
        if (this.delId === "") {
          this.show_title("请选择地址！");
          return;
        }
      }
    },
  },
};
</script>

<style lang="scss" scoped>

//空地址时候的样式
.addr-null {
  width: 230px;
  height: 227.5px;
  box-sizing: border-box;
  position: fixed;
  left: 50%;
  top: 150px;
  transform: translateX(-50%);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #959595;
  // line-height: 7px;
  img {
    width: 230px;
    height: 227.5px;
  }
  .addr-null-title {
    display: flex;
    justify-content: center;
    p {
      margin: 0 0 10px 0;
      width: 68.5px;
      height: 16px;
      font-size: 17px;
      font-family: Source Han Sans CN;
      font-weight: 500;
      color: #1a1a1a;
      line-height: 20px;
    }
    .p1 {
      width: 262px;
      height: 23px;
      font-size: 25px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #999999;
      line-height: 44px;
    }
  }
}
</style>