地图第一版

common/styles/global/pages.scss

@@ -176,6 +176,49 @@
 	
 }
 
+
+// 蛋
+.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%;}
+	}
+}
+	
+//地图页	
+.ezy-study-page{
+	width:100%;height:100vh;
+	background-color: #43c1f6;
+	background-image: url("@/static/images/study/study-page-bj.png");@include ezy-no-repeat-cover(top);
+	position: relative;min-height: 1394rpx;
+	padding:var(--status-bar-height) var(--window-right) 0 var(--window-left);box-sizing: border-box;z-index: 1;
+	.ezy-study-wrap{
+		width:100%;height:1394rpx;background-image: url("@/static/images/study/study-wrap-bj.png");@include ezy-no-repeat-cover;
+		position: absolute;bottom: 4%;z-index: 2;
+	}
+	.study-school-year{
+		width: 237rpx;height: 73rpx;line-height:68rpx;background-image: url("@/static/images/study/school-year-bj.png");
+		color: #fff;@include ezy-no-repeat-cover;padding-left: 75rpx;position: absolute;top: 1%;left: 3%;z-index: 3;
+		font-size: 32rpx;
+	}
+}
+	
 	// 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

@@ -1,5 +1,11 @@
 <template>
-	<view>
+	<view class="ezy-study-page">
+		<!-- <view class="study-school-year">一年级上</view>
+		<view class="ezy-study-wrap">
+			<view class="chapter-box"></view>
+			<view class="chapter-title-box"></view>
+			<view class="brand"></view>
+		</view> -->
 		<view @click="goBack">{{gradeTerm.text}}</view>
 
 		<view>缓存数据1:{{routeParams}}</view>
@@ -24,7 +30,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 +53,8 @@
 	import {
 		useStudyRouteParams
 	} from "@/utils/emitEvents.js"
+	import eggDialog from './eggDialog.vue'
+	const eggDialogRef = ref(null);
 	
 	// 缓存操作
 	const {getStudyStorage,removeStudyStorage} = useStudyRouteParams();
@@ -55,9 +63,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 +127,10 @@
 	function goBack() {
 		uni.navigateBack()
 	}
+	
+	function eggBtn(){
+		console.log('点击：开启提分之旅');
+	}
 </script>
 
 <style>