增加

src/components/studyComplete.vue

+<style scoped>
+	.studyCompleta{
+		width:100%;
+		height:100vh;
+		background: rgba(69,69,69,.8);
+		position: fixed;
+		left:0;
+		top:0;
+	}
+</style>
+<template>
+	<view class="studyCompleta">
+		
+	</view>
+</template>
+
+<script>
+</script>

src/pages.json

@@ -16,6 +16,11 @@
 		}
 	},{
 		"path": "pages/study/courseList"
+	},{
+		"path": "pages/study/studyComplete",
+		"style": {
+			"navigationStyle": "custom"
+		}
 	},{
 		"path": "pages/login/login",
 		"style": {

src/pages/study/studyComplete.vue

+<style scoped>
+	.studyCompleta{
+		width:100%;
+		height:100vh;
+		background: rgba(69,69,69,.9);
+	}
+	.stuComTop{
+		display: flex;
+		color:#FFFFFF;
+		padding-top:60rpx;
+	}
+	.studyMain{
+		width:85%;
+		height:65vh;
+		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;
+	}
+	.study_GoLearn{
+		width:300rpx;
+		height:80rpx;
+		text-align: center;
+		line-height: 80rpx;
+		border-radius: 40rpx;
+		color:#4C50E7;
+		background-color: #E4E5FB;
+		margin:36rpx auto;
+	}
+	.studyBack{
+		color:#BBBCCE;
+		margin-top:60rpx;
+	}
+	.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">
+		<view class="stuComTop">
+			<view style="margin-left:20rpx;flex-shrink: 0;">
+				<van-icon name="arrow-left" color="#FFF" />
+			</view>
+			<view style="width:100%;text-align: center;">学习小结</view>
+		</view>
+		<view class="studyMain">
+			<view class="starList">
+				<!-- <u-rate active-color="#FAC217" inactive-color="#b2b2b2" gutter="20" :count="3" v-model="stars"></u-rate> -->
+				<van-rate v-model="stars" :size="40" :disabled="true" disabled-color="#FAC217" color="#FAC217" void-color="#b2b2b2" :count="3" />
+
+				<!-- <view class="stars">
+					<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/star.png" alt="" />
+				</view>
+				<view class="stars">
+					<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/star.png" alt="" />
+				</view>
+				<view class="stars">
+					<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/star.png" alt="" />
+				</view> -->
+			</view>
+			<view class="studyContra">恭喜你</view>
+			<view class="study_Success">
+				成功获得<text class="study_Score">3</text>个积分
+			</view>
+			<view class="study_Time">
+				2<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">马上去测试</view>
+			<view class="study_GoLearn">再学习一次</view>
+			<view class="studyBack">返回首页</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		ref,
+		reactive,
+		toRefs,
+		toRef,
+		getCurrentInstance,
+		watch,
+		computed,
+		onMounted,
+		provide,
+	} from "vue";
+	export default {
+		components: {
+			
+		},
+		onLoad(options) {
+			
+		},
+		setup(props) {
+			let data = reactive({
+				stars:2
+			})
+			let methods = {
+				
+				
+			}
+			onMounted(() => {
+				
+			})
+			let that = methods;
+			return {
+				...toRefs(data),
+				...methods,
+			};
+		}
+	}
+</script>