<template>
	<c-tabbar :current="0">
		<view class="container">
			<view>
				<u-swiper :list="list3" indicator indicatorMode="line" circular></u-swiper>
			</view>
			<view class="p-d-20">
				<u-notice-bar :text="notice" mode="link" bgColor="#fff" color="#323333" speed="100"
					url="/pages/notice/notice"></u-notice-bar>
			</view>
			<view class="flex flex-row justify-between menu">
				<image class="big-img" src="../../../static/home/group.png" mode="widthFix"></image>
				<view class="flex flex-col">
					<image class="small-img" src="../../../static/home/play.png" mode="aspectFit"></image>
					<image class="small-img" src="../../../static/home/wechat.png" mode="aspectFit"></image>
				</view>
			</view>
			<view style="padding: 10upx 0;">
				<image style="width: 100%;" src="../../../static/home/program.png" mode="widthFix"></image>
			</view>
		</view>
	</c-tabbar>
</template>

<script>
	import CTabbar from '@/components/gTabbar.vue'
	export default {
		components: {
			CTabbar
		},
		data() {
			return {
				notice: '【抖音短剧分发】麻雀短剧结算提前了同学们;   新年开工啦！;   【抖音短剧分发】2024年春节放假通知;   快手短剧通知;   年会;   ',
				list3: [
					'https://cdn.uviewui.com/uview/swiper/swiper3.png',
					'https://cdn.uviewui.com/uview/swiper/swiper2.png',
					'https://cdn.uviewui.com/uview/swiper/swiper1.png',
				],
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.container {
		background: #f7f8fa;
		padding: 30upx;
	}

	.menu {
		height: 310upx;

		>view {
			height: 100%;
		}

		.big-img {
			width: 46vw;
		}

		.small-img {
			width: 46vw;
		}
	}
</style>