<template>
	<view :class="['content',{'gray':store.isgray==1}]">
		<view class="">
			<video src=""></video>
			<view class="title">
				五月天“突然好想你”线上演唱会精彩回放，这里就是标题
			</view>
		</view>
		<view class="listcom">
			<safeCom></safeCom>
		</view>
	</view>
</template>

<script setup>
	import safeCom from '../../component/safeCom.vue';
	import {
		useStore
	} from '@/store'
	const store = useStore()
</script>
<style>
	page{
		background-color: #f8f8f8;
	}
</style>
<style lang="scss" scoped>
	.content {
		.title{
			background-color: #fff;
			font-size: 32rpx;
			color: #333333;
			line-height: 45rpx;
			padding: 30rpx;
		}
		
		video{
			width: 750rpx;
			height: 500rpx;
		}
	}
	.listcom{
		padding:0 30rpx 30rpx 30rpx;
		margin-top: 20rpx;
		background-color: #fff;
	}
</style>