mp_exhibitor_miniprog/pages/checkIn/activity-end.vue

<template>
  <page-layout>
    <nav-bar title="福利嘉年华" @init="onInitNavbar"></nav-bar>
    <u-scroll-view :tabbar-conflict="false">
      <view class="activity-container">
        <view class="text">
          <view>本次活动已结束，</view>
          <view>期待我们下一场福利大放送！</view>
        </view>
        <view class="btn" @click="backHome">
          返回首页
        </view>
      </view>
    </u-scroll-view>
  </page-layout>

</template>

<script>
import NavBar from '@/components/layout/nav-bar'
import UScrollView from '@/components/common/u-scroll-view'
import PageLayout from "@/components/layout/page-layout";
    export default {
      components: {
        PageLayout,
        NavBar,
        UScrollView
      },
      data() {
          return {};
      },
      methods: {
        backHome() {
          this.navigateTo('/pages/index/index')
        }
      }
    }
</script>

<style lang="scss" scoped>
.activity-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-gap: 42rpx;
  height: 100%;
}
.text {
  font-size: 30rpx;
  text-align: center;
}
.btn {
  padding: 8rpx 34rpx;
  border: 1rpx solid #4085C7;
  border-radius: 50px;
  font-size: 20rpx;
  color: #4085C7;;
}
</style>