<template>
	<view class="oppo-box">
		<image style="width: 100%; height: 247rpx;" src="@/static/bg (2).png"></image>
		<view class="custom-navigation-bar">
			<view class="left-button" @click="handleBack">
				<uni-icons type="left" color="#fff" size="30"></uni-icons>
			</view>
			<view class="title">
				{{ title }}
			</view>
		</view>
		<view class="">
			<image class="imgbg" src="@/static/haibao.png" mode=""></image>
		</view>
		<view class="yg">预告海报</view>
		<view class="buts">
			<button class="buts1" @click="make">开始制作</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '海报'
			}
		},
		methods: {
			make(){
			uni.navigateTo({
				url: "/pages/user/process/make/make"
			})	
			},
			record() {},
			qxpop() {
				this.$refs.popup.close('center')
			},
			tuikuan() {
				this.$refs.popup.open('center')
			},
			detail() {
				uni.navigateTo({
					url: "/pages/user/myclub/detail/detail"
				})
			},
			handleBack() {
				uni.navigateBack()
			},
			toPage() {
				console.log(1111232)
				uni.navigateTo({
					url: "/pages/user/index"
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.buts{
		margin-top: 24rpx;
		.buts1{
			width: 660rpx;
			height: 100rpx;
			background: #CA151F;
			border-radius: 50rpx;
			color: #fff;
		}
	}
	.yg{
		text-align: center;
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #666666;
	}
	.imgbg{
		width: 702rpx;
		height: 1258rpx;
		background: #FFFFFF;
		margin: 24rpx;
	}
	.nr{
		width: 640rpx;
		// height: 100rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		margin: 24rpx auto;
		padding: 31rpx;
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #333333;
		line-height: 40rpx;
	}
	.oppo-box {
		width: 100vw !important;
		height: 100vh !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}

	.text-color {
		color: #CA151F;
	}
	.custom-navigation-bar {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 220rpx;
		/* #ifdef MP-WEIXIN */
		margin-top: -230rpx;
		/* #endif */
	}

	.left-button,
	.right-button {
		padding: 0 12px;
	}

	.title {
		flex: 1;
		// text-align: center;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
	}
</style>