<template>
	<view class="content">
		<navbar title="公告详情" leftClick @leftClick="$utils.navigateBack" />
		<view style="margin:32rpx auto 0rpx;width:calc(100vw - 64rpx)">
			<view>
				<view style="text-indent:1em;color:#555;font-size:30rpx;font-weight:normal;line-height:1.5">
					{{ notifyContent }}
				</view>
			</view>
			<view v-if="isEmpty" class="re-empty">
				<view>暂无数据</view>
			</view>
		</view>
	</view>
</template>

<script>
	import navbar from '@/components/base/navbar.vue'
	
	export default {
		components: {
			navbar
		},
		name: 'BaseNotify',
		data() {
			return {
				isEmpty: false,
				notifyContent: `砼聚人平台公告

尊敬的用户：

欢迎使用砼聚人平台！我们致力于为混凝土行业提供专业的设备代驾服务，连接企业与优秀的操作手，共同推动行业发展。

平台特色：
1. 专业的泵车、搅拌车代驾服务
2. 严格的司机资质审核
3. 完善的保险保障体系
4. 7x24小时客服支持

使用须知：
• 请确保提供真实有效的个人信息
• 严格遵守平台服务协议
• 如遇问题请及时联系客服

我们的愿景是让行业的兄弟活得更有尊严，实现工作自由度高、劳动强度低、收入高、结算快的未来工作场景。

感谢您的信任与支持！

砼聚人平台
2024年1月`
			}
		},
		onLoad() {
			uni.setNavigationBarTitle({
				title: '平台公告'
			});
		}
	}
</script>

<style scoped lang="scss">
	.content {
		padding: 20rpx;
		min-height: 100vh;
		background-color: #f5f5f5;
	}
	
	.re-empty {
		text-align: center;
		padding: 100rpx 0;
		color: #999;
		font-size: 28rpx;
	}
</style>