zx_flk_app/pages/activity/activity.vue

<template>
	<view class="">
		<navBar :name="$t('活动中心')" type="active" ></navBar>
		<view class="container-view flex-row">
			<img style="width: 352rpx;height: 352rpx;" src="https://qiniu.bms16.com/Fn0mFwx4EHDzQiCypHM7HgiL4uuP" alt="">
			<view class="active-text">{{ $t('暂无可参与的活动') }}</view>
			<CustomTabbar curt-tab="active"/>
		</view>
	</view>
	
</template>

<script>
	import CustomTabbar from '@/component/customTabbar/index';
	export default {
		components: {
			CustomTabbar
		},
		data() {
			return {
				
			};
		},
		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad: function(options) {
		},

		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow: function() {
		},
		onUnload: function () {
		},
		methods: {
			}
		};
</script>

<style>
	.container-view{
		flex-direction: column;
		padding-top: 272rpx;
		height: 100vh;
		background-color: #FFF;
	}
	.active-text{
		font-family: PingFangSC, PingFang SC;
		font-weight: 600;
		font-size: 32rpx;
		color: #2A3A5A;
	}
</style>