2

src/pages/word/studyComplete.vue

 <style scoped>
-	.studyCompleta{
-		width:100%;
-		height:100vh;
-		background: rgba(69,69,69,.9);
+	.studyCompleta {
+		width: 100%;
+		height: 100vh;
+		background: rgba(69, 69, 69, .9);
 	}
-	.stuComTop{
+
+	.stuComTop {
 		display: flex;
-		color:#FFFFFF;
-		padding-top:60rpx;
+		color: #FFFFFF;
+		padding-top: 60rpx;
 	}
-	.studyMain{
-		width:85%;
-		height:65vh;
+
+	.studyMain {
+		width: 85%;
+		height: 65vh;
 		background-color: #fff;
 		border-radius: 24rpx;
-		margin:auto;
+		margin: auto;
 		position: relative;
-		top:120px;
+		top: 120px;
 		text-align: center;
 	}
-	.starList{
+
+	.starList {
 		position: absolute;
-		width:100%;
-		top:-70px;
+		width: 100%;
+		top: -70px;
 		display: flex;
 		justify-content: center;
 	}
-	.stars{
-		margin-right:20px;
+
+	.stars {
+		margin-right: 20px;
 	}
-	.stars:last-child{
-		margin-right:0;
+
+	.stars:last-child {
+		margin-right: 0;
 	}
-	.stars img{
-		width:37px;
-		height:37px;
+
+	.stars img {
+		width: 37px;
+		height: 37px;
 	}
-	.studyContra{
-		padding-top:43px;
-		font-size:26px;
-		color:#111111;
+
+	.studyContra {
+		padding-top: 43px;
+		font-size: 26px;
+		color: #111111;
 		font-weight: bold;
 	}
-	.study_Success{
-		font-size:34rpx;
-		color:#111111;
+
+	.study_Success {
+		font-size: 34rpx;
+		color: #111111;
 		font-weight: bold;
-		margin-top:15px;
+		margin-top: 15px;
 	}
-	.study_Score{
-		font-size:30px;
-		color:#FAC217;
+
+	.study_Score {
+		font-size: 30px;
+		color: #FAC217;
 		font-weight: bold;
 	}
-	.study_Time{
-		color:#111111;
-		font-size:24px;
+
+	.study_Time {
+		color: #111111;
+		font-size: 24px;
 		font-weight: bold;
-		margin-top:100rpx;
+		margin-top: 100rpx;
 	}
-	.study_Danwei{
-		font-size:14px;
+
+	.study_Danwei {
+		font-size: 14px;
 	}
-	.study_Jiyi{
-		color:#999999;
-		font-size:22rpx;
-		margin:8rpx 0 80rpx 0;
+
+	.study_Jiyi {
+		color: #999999;
+		font-size: 22rpx;
+		margin: 8rpx 0 80rpx 0;
 	}
-	.study_GoCeshi{
-		width:300rpx;
-		height:80rpx;
+
+	.study_GoCeshi {
+		width: 300rpx;
+		height: 80rpx;
 		text-align: center;
 		line-height: 80rpx;
 		border-radius: 40rpx;
-		color:#fff;
+		color: #fff;
 		background-color: #4C50E7;
-		margin:auto;
+		margin: auto;
 	}
-	.study_GoLearn{
-		width:300rpx;
-		height:80rpx;
+
+	.study_GoLearn {
+		width: 300rpx;
+		height: 80rpx;
 		text-align: center;
 		line-height: 80rpx;
 		border-radius: 40rpx;
-		color:#4C50E7;
+		color: #4C50E7;
 		background-color: #E4E5FB;
-		margin:36rpx auto;
+		margin: 36rpx auto;
 	}
-	.studyBack{
-		color:#BBBCCE;
-		margin-top:60rpx;
+
+	.studyBack {
+		color: #BBBCCE;
+		margin-top: 60rpx;
 	}
-	.study_Piao{
-		width:49px;
-		height:13px;
+
+	.study_Piao {
+		width: 49px;
+		height: 13px;
 		position: absolute;
-		left:-20px;
-		top:58px;
+		left: -20px;
+		top: 58px;
 	}
-	.study_Piao2{
-		width:29px;
-		height:14px;
+
+	.study_Piao2 {
+		width: 29px;
+		height: 14px;
 		position: absolute;
-		right:20px;
-		top:62px;
+		right: 20px;
+		top: 62px;
 	}
-	.study_Piao3{
-		width:28px;
-		height:17px;
+
+	.study_Piao3 {
+		width: 28px;
+		height: 17px;
 		position: absolute;
-		left:37px;
-		top:251px;
+		left: 37px;
+		top: 251px;
 	}
-	.study_Piao4{
-		width:47px;
-		height:23px;
+
+	.study_Piao4 {
+		width: 47px;
+		height: 23px;
 		position: absolute;
-		right:-10px;
-		top:200px;
+		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" />
+				<van-icon name="arrow-left" color="#FFF" @click="back" />
 			</view>
 			<view style="width:100%;text-align: center;">学习小结</view>
 		</view>
 		<view class="studyMain">
 			<view class="starList">
-				<van-rate v-model="stars" :size="40" :disabled="true" disabled-color="#FAC217" color="#FAC217" void-color="#b2b2b2" :count="3" />
+				<van-rate v-model="stars" :size="40" :disabled="true" disabled-color="#FAC217" color="#FAC217"
+					void-color="#b2b2b2" :count="3" />
 			</view>
 			<view class="studyContra">恭喜你</view>
 			<view class="study_Success">
@@ -139,15 +159,19 @@
 			<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="" />
-	
+			<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 class="studyBack" @click="goIndex">返回首页</view>
 		</view>
 	</view>
 </template>
@@ -166,21 +190,29 @@
 	} from "vue";
 	export default {
 		components: {
-			
+
 		},
 		onLoad(options) {
-			
+
 		},
 		setup(props) {
 			let data = reactive({
-				stars:2
+				stars: 2
 			})
 			let methods = {
-				
-				
+				back() {
+					uni.redirectTo({
+						url: '/pages/index/index'
+					})
+				},
+				goIndex(){
+					uni.switchTab({
+						url: '/pages/index/index'
+					});
+				}
 			}
 			onMounted(() => {
-				
+
 			})
 			let that = methods;
 			return {