<style scoped>
	.studyCompleta {
		width: 100%;
		height: 100vh;
		background: rgba(69, 69, 69, .9);
	}

	.stuComTop {
		height: 100%;
		display: flex;
		align-items: center;
		color: #FFFFFF;
	}

	.studyMain {
		width: 85%;
		height: 50vh;
		background-color: #fff;
		border-radius: 24rpx;
		margin: auto;
		position: relative;
		top: 120px;
		text-align: center;
	}

	.starList {
		position: absolute;
		width: 100%;
		top: -70px;
		display: flex;
		justify-content: center;
	}

	.stars {
		margin-right: 20px;
	}

	.stars:last-child {
		margin-right: 0;
	}

	.stars img {
		width: 37px;
		height: 37px;
	}

	.studyContra {
		padding-top: 43px;
		font-size: 26px;
		color: #111111;
		font-weight: bold;
	}

	.study_Success {
		font-size: 34rpx;
		color: #111111;
		font-weight: bold;
		margin-top: 15px;
	}

	.study_Score {
		font-size: 30px;
		color: #FAC217;
		font-weight: bold;
	}

	.study_Time {
		color: #111111;
		font-size: 24px;
		font-weight: bold;
		margin-top: 100rpx;
	}

	.study_Danwei {
		font-size: 14px;
	}

	.study_Jiyi {
		color: #999999;
		font-size: 22rpx;
		margin: 8rpx 0 80rpx 0;
	}

	.study_GoCeshi {
		width: 300rpx;
		height: 80rpx;
		text-align: center;
		line-height: 80rpx;
		border-radius: 40rpx;
		color: #fff;
		background-color: #4C50E7;
		margin: auto;
		font-size: 28rpx;
		font-weight: 500;
	}

	.study_GoLearn {
		width: 300rpx;
		height: 80rpx;
		text-align: center;
		line-height: 80rpx;
		border-radius: 40rpx;
		color: #4C50E7;
		background-color: #E4E5FB;
		margin: 36rpx auto;
		font-size: 28rpx;
		font-weight: 500;
	}

	.studyBack {
		color: #BBBCCE;
		margin-top: 60rpx;
		font-size: 28rpx;
		font-weight: 500;
	}

	.study_Piao {
		width: 49px;
		height: 13px;
		position: absolute;
		left: -20px;
		top: 58px;
	}

	.study_Piao2 {
		width: 29px;
		height: 14px;
		position: absolute;
		right: 20px;
		top: 62px;
	}

	.study_Piao3 {
		width: 28px;
		height: 17px;
		position: absolute;
		left: 37px;
		top: 251px;
	}

	.study_Piao4 {
		width: 47px;
		height: 23px;
		position: absolute;
		right: -10px;
		top: 200px;
	}
</style>
<template>
	<view class="studyCompleta">
		<Navbar bg="transparent">
			<view class="stuComTop">
				<!-- <view style="margin-left:20rpx;flex-shrink: 0;">
					<van-icon name="arrow-left" color="#FFF" @click="goIndex" />
				</view> -->
				<view style="width:100%; font-size: 32rpx; text-align: center;font-weight: 500;">学习小结</view>
			</view>
		</Navbar>
		
		<view class="studyMain">
			<view class="starList">
				<van-rate :value="score" :size="40" readonly  color="#FAC217"
						void-color="#EBEBEB" void-icon="star" icon="star" :count="3" />		
			</view>
			<view class="studyContra">恭喜你</view>
			<view class="study_Success">
				成功获得<text class="study_Score">{{score}}</text>个积分
			</view>
			<view class="study_Time">
				{{time}}<text class="study_Danwei">min</text>
			</view>
			<img class="study_Piao"
				src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/piao1.png" alt="" />
			<img class="study_Piao2"
				src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/piao2.png" alt="" />
			<img class="study_Piao3"
				src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/piao3.png" alt="" />
			<img class="study_Piao4"
				src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/piao4.png" alt="" />

			<view class="study_Jiyi">记忆时长</view>
			<!-- <view class="study_GoCeshi" @click="goTest(url)">马上去测试</view>
			<view class="study_GoLearn">再学习一次</view> -->
			<!-- <view class="studyBack" @click="goIndex">返回首页</view> -->
			<view class="study_GoCeshi" @click="goIndex">返回首页</view>
		</view>
	</view>
</template>

<script>
	import {
		ref,
		reactive,
		toRefs,
		toRef,
		getCurrentInstance,
		watch,
		computed,
		onMounted,
		provide,
	} from "vue";
	import Navbar from '../../components/navbar.vue'
	export default {
		components:{
			Navbar
		},
		setup(props) {
			let {
				proxy
			} = getCurrentInstance();
			let data = reactive({
				score: 2,
				time:'1',
			})
			let methods = {
				back() {
					uni.redirectTo({
						url: '/pages/word/word'
					})
				},
				goIndex() {
					uni.switchTab({
						url: '/pages/index/index'
					});
				},
				// goTest(url) {
				// 	uni.navigateTo({
				// 		url: url,
				// 	});
				// },
			}
			onMounted(() => {

			})
			let that = methods;
			return {
				...toRefs(data),
				...methods,
			};
		},
		onLoad(options) {
			const obj=JSON.parse(decodeURIComponent(options.data))
			this.score=obj.score
			this.time=obj.time
			// this.url=`/pages/word/test?CourseId=${options.CourseId}&&ChapterId=${options.ChapterId} &&NextChapterId=${options.NextChapterId}`
		}
	}
</script>
