蛋页面

common/styles/global/pages.scss

@@ -176,6 +176,30 @@
 	
 }
 
+
+// 蛋
+.study-egg-dialog{
+	.egg-content-box{display: flex;display: flex;flex-direction: column;align-items: center;}
+	.egg-title{
+		width: 606rpx;height: 85rpx;
+		@include ezy-no-repeat-cover;background-image: url("@/static/images/study/egg-title.png");
+	}
+	.egg-img{width: 692rpx;height: 615rpx;margin-top: 20%;
+		@include ezy-no-repeat-cover;background-image: url("@/static/images/study/egg-img.png");
+	}
+	.egg-btn{
+		width: 644rpx;height: 106rpx;margin-top: 10%;
+		@include ezy-no-repeat-cover;background-image: url("@/static/images/study/egg-btn.png");
+	}
+	@media (max-height: 800px) {
+		.egg-img{margin-top: 10%;}
+		.egg-btn{margin-top: 6%;}
+	}
+	@media (max-height: 700px) {
+		.egg-img{margin-top: 6%;}
+		.egg-btn{margin-top: 4%;}
+	}
+}
 	// height:$titleBar-tabBar-page;
 .lli-develop-expect-page{
 	display: flex;flex-direction: column;justify-content: space-between;align-items: center;

pages/study/eggDialog.vue

@@ -0,0 +1,28 @@
+<template>
+	<uni-popup ref="eggPopup" :animation="false" :is-mask-click="false"
+	 mask-background-color="rgba(255, 255, 255, 0.6);">
+	 <view class="study-egg-dialog">
+			<view class="egg-content-box">
+				<view class="egg-title"></view>
+				<view class="egg-img"></view>
+				<view class="egg-btn" @click="eggBtn"></view>
+			</view>
+	 </view>
+	</uni-popup>
+</template>
+
+<script setup>
+	import { ref } from 'vue';
+	const eggPopup = ref(null); // 索引
+	// 打开弹窗
+	function eggShow() {
+		eggPopup.value.open();
+	}
+	// 开启提分之旅按钮
+	function eggBtn(){
+		eggPopup.value.close();
+	}
+	defineExpose({
+			eggShow
+		})
+</script>

pages/study/index.vue

@@ -24,7 +24,7 @@
 		</view>
 
 		<!-- 蛋 -->
-		<view class="ezy-popup">蛋</view>
+		<egg-dialog ref="eggDialogRef" @eggBtn="eggBtn"></egg-dialog>
 		
 		<catalogue ref="catalogueRef" :nianji="routeParams.nianji" :xueqi="routeParams.xueqi" @change-zhang="handleChangeZhang"></catalogue>
 		<CustomTabBar></CustomTabBar>
@@ -47,6 +47,8 @@
 	import {
 		useStudyRouteParams
 	} from "@/utils/emitEvents.js"
+	import eggDialog from './eggDialog.vue'
+	const eggDialogRef = ref(null);
 	
 	// 缓存操作
 	const {getStudyStorage,removeStudyStorage} = useStudyRouteParams();
@@ -55,9 +57,11 @@
 	const selectZhang = ref(null);
 	// 来自单元测试的路由参数缓存
 	const routeParams = ref(null);
-
+	onReady(() => {
+		eggDialogRef.value.eggShow();
+	})
 	onLoad((options) => {
-		console.log(options)
+		console.log(options);
 	})
 	onShow(() => {
 		console.log('show')
@@ -117,6 +121,10 @@
 	function goBack() {
 		uni.navigateBack()
 	}
+	
+	function eggBtn(){
+		console.log('点击：开启提分之旅');
+	}
 </script>
 
 <style>