ChuangHengWx/pages/questionnaireResult.vue

<template>
	<view class="page adffcacjc" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
		<cus-header title='问卷结果'></cus-header>
		<div class="top adffcacjc">
			<image src="@/static/result.png"></image>
			<div class="text">您的问卷已经提交，感谢您的参与<br>已为您生成个人分析报告！</div>
		</div>
		<div class="btns adfacjb">
			<div class="pre" @tap="toBack">返回</div>
			<div class="pre ck" @tap="reviewRepoer">查看报告</div>
		</div>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				
			}
		},
		methods:{
			toBack(){
				uni.reLaunch({
					url:'/pages/questionnaire'
				})
			},
			reviewRepoer(){
				
			},
		}
	}
</script>

<style scoped lang="less">
	.page{
		background: #FFFFFF;
		box-sizing: border-box;
		
		.top{
			image{
				width: 214rpx;
				height: 214rpx;
			}
			.text{
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 32rpx;
				color: #393939;
				line-height: 51rpx;
				text-align: center;
				margin-top: 30rpx;
			}
		}
		
		.btns{
			width: calc(100% - 80rpx);
			margin: 306rpx 40rpx 0;
			.pre{
				width: calc(50% - 15rpx);
				height: 88rpx;
				border: 1rpx solid #761E6A;
				border-radius: 20rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 32rpx;
				color: #761E6A;
				line-height: 88rpx;
				text-align: center;
				letter-spacing: 2rpx;
				&.ck{
					background: #833478;
					color: #FFFFFF;
				}
			}
		}
	}
</style>