<template>
	<view class="successPage">
		<image class="indexBG" :src="Config.imgUrl + 'trace/fake/mould1/indexBG.png'" mode="aspectFill"></image>
		<view class="main">
			<view class="brand">
				<image class="brandImg" src="@/trace/static/fake/mould1/brandImg.png" mode="widthFix"></image>
			</view>
			<view class="card">
				<view class="cardTitle">
					<text>防伪查询验证</text>
				</view>
				<view class="cardBody">
					<view class="successBox">
						<image class="zheng" src="@/trace/static/fake/mould1/safe.png" mode="aspectFill"></image>
						<text>您所查询的产品为正品</text>
					</view>
					<view class="textBox">
						<text class="pt-36">防伪码：4635994051440753</text>
						<text>首次查询时间：<text class="redText">2025-08-15 12:05:18</text></text>
						<text class="pt-36">恭喜您，您所查询的防伪码是第 <text class="redText">5</text> 次查询。 感谢您购买名创优品的产品！</text>
					</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import Config from '@/common/js/config.js';
	export default {
		data() {
			return {
				Config,
				code:'',
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.successPage{
	width: 100%;
	height: 100vh;
	position: relative;
	.indexBG{
		position: absolute;	
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		display: block;
	}
}
.main{
	position: relative;
	z-index: 10;
	width: 100%;
	padding-top: 100rpx;
	.brand{
		width: 100%;
		text-align: center;
		.brandImg{
			width: 154rpx;
			height: auto;
		}
	}
	.card{
		margin: 66rpx 26rpx;
		background: rgba(255,255,255,0.8);
		border-radius: 28rpx;
		border: 2rpx solid #FFFFFF;
		box-sizing: border-box;
		padding: 26rpx;
		.cardTitle{
			padding-bottom: 26rpx;
			@include fontStyle(34rpx,#000000,center,bold,48rpx);
		}
		.cardBody{
			@include fontStyle(28rpx,#000000,left,400,48rpx);
			.successBox{
				@include fontStyle(34rpx,#12CC6F,center,bold,58rpx);
				@include flexBox(start,center,column);
				.zheng{
					width: 182rpx;
					height: 182rpx;
					margin-bottom: 16rpx;
				}
			}
			.textBox{
				margin: 26rpx;
				@include flexBox(start,center,column);
				@include fontStyle(28rpx,#000000,center,400,38rpx);
				.pt-36{
					padding-top: 36rpx;
				}
			}
		}
		
	}
}
</style>
