<template>
	<view class="s_page" >
		<custom :isBack="true">
			<template v-slot:right>
				<view class="custom_icon right" @tap="back">
					<image src="/static/img/icon_01.png" mode="widthFix"></image>
				</view>
			</template>
		</custom>
		<view class="main">
			<view class="button_box" @tap="toDetailedList" :style="{'marginTop':StatusBar!==0?'88rpx':''}">
				<view class="text">
					認証明細
					<uni-icons type="right" size="24" style="position: absolute;right: 0rpx;"></uni-icons>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import custom from "@/components/custom/custom";
	
	export default {
		components: {
		  custom,
		},
		data() {
			return {

			};
		},
		methods:{
			back(){
				uni.navigateBack({
					delta:1
				})
			},
			toDetailedList(){
				uni.navigateTo({
					url:'../detailedList/index'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.s_page {
		position: relative;
		width: 100vw;
		min-height: 100vh;
		height: auto;
		background: linear-gradient( rgba(160, 204, 87, 0.2) 0%, rgba(223, 226, 0, 0.2) 100% );
		.custom_icon {
			width: 48rpx;
			height: 48rpx;
		
			image {
				width: 100%;
				height: 100%;
			}
		
			&.left {
				margin-left: 16rpx;
			}
		
			&.right {
				margin-right: 32rpx;
			}
		}
		.main{
			position: relative;
			width: 100%;
			height: 100%;
			.button_box{
				position: relative;
				display: flex;
				justify-content: center;
				align-items: center;
				width:622rpx ;
				height: 204rpx;
				border-radius: 16rpx;
				margin: 0 auto;
				margin-top: 44rpx;
				padding-right: 32rpx;
				background-color: #fff;
				.text{
					position: relative;
					width: 100%;
					text-align: center;
					font-size: 48rpx;
					font-weight: bold;
				}
			}
		}
	}

	
</style>
