<template>
	<view class="more-page">
		<view class="page-title acea-row row-middle row-center" :style="'top:' + menuTop + 'px;height:' + menuHeight + 'px;line-height: ' + menuHeight + 'px;'"><image src="../../../static/images/back.png" mode="" @tap="toBackHome"></image>详情</view>
		<swiper class="swiper-box" autoplay="true" indicator-dots='true' indicator-color='#B17815'
			indicator-active-color='#FFB93E'>
			<swiper-item>
				<image src="https://download.cyjyyjy.com/learnMore1.png"></image>
			</swiper-item>
			<swiper-item>
				<image src="https://download.cyjyyjy.com/learnMore2.png"></image>
			</swiper-item>
			<swiper-item>
				<image src="https://download.cyjyyjy.com/learnMore3.png"></image>
			</swiper-item>
			<swiper-item>
				<image src="https://download.cyjyyjy.com/learnMore4.png"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	const app = getApp();
	export default {
		data() {
			return {
				menuHeight: app.globalData.menuHeight,
				menuTop: app.globalData.menuTop,
			};
		},
		methods:{
			toBackHome(e){
				console.log("1")
				uni.navigateBack();
			}
		}
	}
</script>

<style lang="less">
	.more-page{
		width: 100%;
		height: 100%;
		position: relative;
	}
	.page-title{
	  width: 100%;
	  color: #fff;
	  position: relative;
		z-index: 999;
		image{
			width: 30rpx;
			height: 35rpx;
			position: absolute;
			left: 40rpx;
		}
	}

	.swiper-box {
		width: 100%;
		height: 100vh;
		background-color: #070604;
		position: absolute;
		top: 0;
	}

	.swiper-box image {
		width: 100%;
		height: 100vh;
	}
</style>
