大鹅弹窗改版

common/styles/global/components.scss

@@ -300,6 +300,29 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 	.tip-content{min-height: 240rpx;text-align: justify;}
 }
 
+.tip-e-dialog{
+	width: 625rpx;height: 519rpx;padding: 42rpx 48rpx;@include ezy-no-repeat-cover;
+	background-image: url("@/static/images/common/tip-big-bj.png");position: relative;
+	.close-btn{
+		width: 100rpx;height: 100rpx;display: flex;align-items: center;justify-content: center;
+		position: absolute;right: 12rpx;top: 12rpx;
+	}
+	.close-btn::after{
+		content: '';width: 52rpx;height: 52rpx;@include ezy-no-repeat-cover;
+		background-image: url("@/static/images/common/close-icon.png");
+	}
+	.e-img{height: 240rpx;@include ezy-no-repeat-cover;margin: 42rpx auto 24rpx;}
+	.kx-e-img{width: 302rpx;background-image: url("@/static/images/xuexi/dialog-e-img1.png");}
+	.bs-e-img{width: 219rpx;background-image: url("@/static/images/xuexi/dialog-e-img2.png");}
+	.text-score{
+		width: 100%;text-align: center;font-size: 36rpx;color: #333;
+	}
+	.time-tip-box{
+		width: 100%;text-align: center;font-size: 30rpx;color: #9e9e9f;
+		margin-top: 16rpx;
+	}
+}
+
 .sxtk-sc-dialog{
 	.tip-title{color: #343434;font-size: 38rpx;margin-bottom: 24rpx;}
 	.tip-content-box{

pages/xinshuxue/components/tishiDl.vue

@@ -1,13 +1,12 @@
 <template>
 	<!-- 弹窗 -->
 	<uni-popup ref="popupRef" :animation="false" :is-mask-click="false"
-		mask-background-color="rgba(51, 137, 217, 0.95);">
-		<view @click="handleClose">close</view>
-		<view>
+		mask-background-color="rgba(0,0,0, 0.76);">
+		<view  class="ezy-tip-dialog tip-e-dialog ">
+			<view class="close-btn" @click="handleClose"></view>
+			<view class="e-img kx-e-img"></view>
 			<view class="text-score">完成了本节基础课程的学习</view>
-			<view class="course-btn-box">
-				<text v-if="times">({{count}}S)</text>
-			</view>
+			<view class="time-tip-box" v-if="times">({{count}}S)</view>
 		</view>
 	</uni-popup>
 </template>
@@ -24,14 +23,15 @@
 
 
 	function initTime() {
-		setTimeout(() => {
-			if (count.value == 0) {
-				handleClose();
-				return;
-			}
-			count.value--;
-		}, 1000)
-	}
+			times.value = setTimeout(() => {
+				if (count.value == 0) {
+					handleClose();
+					return;
+				}
+				count.value--;
+				initTime()
+			}, 1000)
+		}
 
 	function clearTime() {
 		clearTimeout(times.value);