LocalLivingServicesUniapp/pages/groupMeal/goods/index.vue

<template>
	<view class="page-container">
		<u-navbar title="团餐活动" :autoBack="true" :placeholder="true"></u-navbar>
		<image class="bg" src="/static/groupMeal/bg_baoming.png" mode="widthFix"></image>
		<view class="content">
			<view class="title">尊敬的餐饮行业合作伙伴：</view>
			<view>当上班族的午餐需求突破千万单 / 日，当校园、企业、事业单位的团餐采购量逐年攀升，一个规模超万亿的黄金赛道正等你来开拓！为搭建优质团餐供需对接平台，现正式启动 2025 年度团餐合作商家招募，诚邀具备品质实力与服务能力的餐饮企业携手同行，共享市场红利。​</view>
			<view class="title">为什么选择与我们合作？​</view>
			<view>稳定订单保障：覆盖 200 + 企业、50 + 校园及事业单位客户，单月团餐需求总量超 10 万份，签约即享长期稳定订单，告别 “淡季焦虑”；​ 品牌曝光加持：通过官方平台、合作机构渠道及线下活动，为合作商家提供品牌宣传机会，助力提升区域知名度与客户信任度；​ 一站式运营支持：提供专业的团餐配送路线规划、食品安全溯源系统接入、客户反馈实时处理等服务，降低运营成本，提升服务效率；​ 灵活合作模式：可根据商家资质与能力，选择 “全品类供应”“特色餐品定制”“应急餐储备” 等多种合作形式，满足不同发展需求。 商家们踊跃报名参加吧！</view>
		</view>
		
		<!-- 底部操作栏 -->
		<view class="footer-bar">
			<u-button
				shape="circle"
				@click="onSubmit"
			>立即报名</u-button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			query: {
				activityId: ''
			},
		};
	},
	onLoad(query) {
		if (query.activityId) {
			this.query.activityId = query.activityId;
		}
	},
	onShow() {
		
	},
	methods: {
		// 按钮点击事件
		onSubmit() {
			let url = `/pages/groupMeal/goods/list`;
			uni.navigateTo({
				url
			});
		},
	}
};
</script>

<style lang="scss" scoped>
.page-container {
	min-height: 100vh;
	background: #F7F8FC;
	position: relative;

	.bg {
		width: 100vw;
		height: 100vh;
	}

	.content {
		font-weight: 400;
		font-size: 26rpx;
		color: #666666;
		padding: 0 76rpx;
		line-height: 1.5;
		text-align: justify;
		position: absolute;
		top: 520rpx;
		z-index: 1;
		.title {
			font-weight: 500;
			font-size: 28rpx;
			color: #444444;
			padding: 12rpx 0;
		}
	}
}

.footer-bar {
	::v-deep .u-btn {
		width: 100%;
		height: 76rpx;
		font-weight: 500;
		font-size: 28rpx;
		color: #FFFFFF;
		border: none;
		background: linear-gradient(90deg, #77B6FF 0%, #449AFF 100%);
	}
}
</style>