敬请期待弹窗开发

common/styles/global/pages.scss

@@ -1336,4 +1336,16 @@
 
 // 蛋破壳
 .ezy-pay-success-dialog{width: 769rpx;height: 769rpx;@include ezy-no-repeat-cover;background-image: url("@/static/images/pay/pay-success-img.gif");}
-.ezy-pay-success-all-dialog{width: 769rpx;height: 192rpx;@include ezy-no-repeat-cover;background-image: url("@/static/images/pay/pay-success-all-img.gif");}
+.ezy-pay-success-all-dialog{width: 769rpx;height: 192rpx;@include ezy-no-repeat-cover;background-image: url("@/static/images/pay/pay-success-all-img.gif");}
+
+// 敬请期待弹窗
+.coming-soon-dialog{
+	icon{
+		width: 577rpx;height: 596rpx;
+		background-image: url("@/static/images/grade/coming-soon-img.png");@include ezy-no-repeat-cover;
+	}
+	.coming-soon-return-btn{
+		width: 554rpx;height: 106rpx;margin: 52rpx auto;
+		background-image: url("@/static/images/grade/coming-soon-btn.png");@include ezy-no-repeat-cover;
+	}
+}

pages/selectGradesTerms/comingSoonDialog.vue

@@ -0,0 +1,35 @@
+<!-- 大弹窗 三~四行文字 -->
+<template>
+	<uni-popup ref="comingSoonPopup" :animation="false" :is-mask-click="false"
+	 mask-background-color="rgba(51, 137, 217, 0.65);">
+	 <view class="coming-soon-dialog">
+		 <icon></icon>
+		<view class="coming-soon-return-btn" @click="returnBtn"></view>
+	 </view>
+	</uni-popup>
+</template>
+
+<script setup>
+	import { ref } from 'vue';
+	const comingSoonPopup = ref(null); // 索引
+	const $emit = defineEmits(['return-btn'])
+	// 打开弹窗
+	function handleShow() {
+		comingSoonPopup.value.open();
+	}
+	// 取消
+	function handleClose() {
+		comingSoonPopup.value.close();
+	}
+	// 确认
+	function returnBtn(){
+		comingSoonPopup.value.close();
+		$emit('return-btn');
+	}
+	defineExpose({
+			handleShow
+		})
+</script>
+
+<style>
+</style>

pages/selectGradesTerms/index.vue

@@ -20,10 +20,12 @@
 			<view class="grade-line"></view>
 			<button class="grade-confirm-btn" @click="handleConfirm"></button>
 		</view>
+		<coming-soon-dialog ref="comingSoonDialogRef"></coming-soon-dialog>
 	</view>
 </template>
 
 <script setup>
+	import comingSoonDialog from './comingSoonDialog.vue';
 	import {
 		reactive,
 		toRefs,
@@ -39,6 +41,7 @@
 	import {getUserIdentity} from "@/utils/common.js"
 	import cacheManager from "@/utils/cacheManager.js"
 
+	const comingSoonDialogRef = ref(null);
 	function useSelectGrade() {
 		const userCode = getUserIdentity();
 		const data = reactive({
@@ -48,6 +51,7 @@
 		});
 
 		onLoad(({nianji,cardId,tipFlag}) => {
+			// comingSoonDialogRef.value.handleShow();
 			if (userCode !== 'Visitor') {
 				const {
 					nianji: nianji_,