|
|
<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>
|
