kailin_mp/pages/wait/index.vue

<template>
  <view class="page">
    <image :src="imgUrl" mode="widthFix" />
    <view v-if="!imagePage">即将开放，敬请期待</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      imagePage: false,
      imgUrl: '',
    };
  },
  onLoad(param) {
    this.imgUrl = `https://kailin-mp.oss-cn-shenzhen.aliyuncs.com/static/index/banner_${param.id}.png`;
    this.imagePage = ['3', '11'].includes(param.id);
    uni.setNavigationBarTitle({
      title: param.name,
    });
  },
};
</script>

<style lang="less" scoped>
.page {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  > image {
    height: 300rpx;
    width: 100%;
  }
  > view {
    flex: 1;
    font-size: 30rpx;
    color: #999;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
</style>