xiaochengxu/components/UploadSuccess/UploadSuccess.vue

<template>
	<view class="rect">
		<image class="image" src="../../static/images/kehu/tijiao.png" mode="widthFix"/>
		<text class="title">提交信息成功</text>
		<text class="info">请等待后台审核</text>
		<view class="button" @click="onTouch">
			<text class="textknow">知道了</text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"UploadSuccess",
		data() {
			return {
			};
		},
		methods:{
			onTouch(){
				this.$emit('confirm');
			}
		},
	}
</script>

<style lang="less" scoped>
	.rect {
		width: 558rpx;
		height: 595rpx;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 20rpx;
	}
	.image{
		width: 292rpx;
		height: 241rpx;
		position: absolute;
		left: 133rpx;
		top: 60rpx;
	}
	.title{
		width: 182rpx;
		height: 40rpx;
		font-size: 28rpx;
		font-weight: bold;
		color: #333333;
		opacity: 1;
		position: absolute;
		top: 293rpx;
		left: 189rpx;
	}
	.info{
		width: 196rpx;
		height: 40rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #333333;
		opacity: 1;
		position: absolute;
		top: 339rpx;
		left: 182rpx;
	}
	.button{
		width: 351rpx;
		height: 90rpx;
		background: #FFFFFF;
		border: 1rpx solid #D49B4B;
		opacity: 1;
		border-radius: 93rpx;
		position: absolute;
		left: 104rpx;
		bottom: 100rpx;
		align-items: center;
	}
	.textknow{
		width: 108rpx;
		height: 90rpx;
		font-size: 36rpx;
		font-weight: 400;
		line-height: 90rpx;
		color: #D49B4B;
		opacity: 1;
	}
</style>