样式开发

common/styles/global/components.scss

@@ -279,6 +279,25 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 	.tip-content{min-height: 240rpx;text-align: justify;}
 }
 
+.sxtk-sc-dialog{
+	.tip-title{color: #343434;font-size: 38rpx;margin-bottom: 24rpx;}
+	.tip-content-box{
+		width: 625rpx;height: 587rpx;padding: 42rpx 48rpx;box-sizing: border-box;
+		background-image: url("@/static/images/my/tk-dialog-bj.png");
+		@include ezy-no-repeat-cover;box-sizing: border-box;text-align:center;
+	}
+	.tip-content{
+		min-height: 180rpx;text-align: justify;border-bottom: 1px dashed #70cbf4;
+		margin-bottom: 30rpx;color: #666;font-size: 32rpx;padding-bottom: 42rpx;
+		border-bottom: 1px dashed #70cbf4;line-height: 1.8;}
+	.not-confirm-btn,.confirm-btn{
+		width: 519rpx;height: 98rpx;line-height: 98rpx;@include ezy-no-repeat-cover;
+		color: #fff;
+		}
+	.not-confirm-btn{background-image: url("@/static/images/my/tk-dialog-qx.png");margin-top: 16rpx;}
+	.confirm-btn{background-image: url("@/static/images/my/tk-dialog-sc.png");}
+}
+
 /*积分框*/
 .ezy-jf-box{
 	width: 142rpx;height: 46rpx;display: flex;align-items: center;line-height: 1.2;font-size: 26rpx;

common/styles/global/pages.scss

@@ -16,7 +16,7 @@
 		width: 411rpx;height: 73rpx;@include ezy-no-repeat-cover;margin-right: auto;
 		background-image: url("@/static/images/login/login-tel.png");
 	}
-	.login-btn{width: 644rpx;height: 106rpx;margin-top: 84rpx;@include ezy-no-repeat-cover;}	
+	.login-btn{width: 644rpx;height: 106rpx;margin-top: 84rpx;@include ezy-no-repeat-cover;}
 	/***** 输入手机号页面*****/
 	.phone-input-box{
 		width: 644rpx;height: 144rpx;box-sizing: border-box;padding-bottom: 20rpx;
@@ -33,7 +33,7 @@
 		.close-btn{width: 42rpx;height: 42rpx;margin-right: 30rpx;@include ezy-no-repeat-cover;
 		background-image: url("@/static/images/login/login-close-icon.png");flex-shrink: 0;}
 	}
-		 
+
 	.agreement-checkbox-box {
 		  display: flex;justify-content: center;margin-top: 10rpx;
 		  uni-checkbox-group{font-size: 0;}
@@ -49,7 +49,7 @@
 		  	.agreement-text{color: #e3f524;display: contents;}
 		  }
 	}
-	
+
 	.tel-btn-disabled{background-image: url("@/static/images/login/login-zym-bj-disabled.png");}
 	.tel-btn-normal{background-image: url("@/static/images/login/login-zym-bj.png");}
 	.bottom-btn-box{
@@ -61,7 +61,7 @@
 		.yk-btn{background-image: url("@/static/images/login/login-yk-btn.png");}
 		.apple-btn{background-image: url("@/static/images/login/login-apple-btn.png");}
 	}
-	
+
 	/***** 输入验证码页面*****/
 	.login-title-img{
 		width: 317rpx;height: 77rpx;@include ezy-no-repeat-cover;margin-right: auto;
@@ -74,7 +74,7 @@
 	.cxfs-btn{font-size: 30rpx;color: #3257b9;display: inline-block;margin: 20rpx auto 60rpx;}
 	.cxfs-btn-disabled{color: #777;}
 	.login-text{font-size: 28rpx;color: #3257b9;margin: 16rpx 0 0 20rpx;}
-	
+
 	/* 针对小屏幕设备 */
 	@media (max-height: 800px) {
 		.login-body-box{top:660rpx;}
@@ -91,7 +91,7 @@
 	   .login-body-box{top:640rpx;}
 	   .login-btn{margin-top: 46rpx;}
 	  .phone-input-box{margin-top: 24rpx;}
-	  
+
 	  // 输入验证码页面
 	  .yzm-btn{margin-top: 24rpx;}
 	  .cxfs-btn{margin: 12rpx auto 20rpx;}
@@ -214,7 +214,7 @@
 			display: flex;align-items: center;justify-content: center;
 			text{@include multi-line-ellipsis(2);}
 		}
-		
+
 	}
 	.subject-item::before{
 		content: '';width: 231rpx;height: 288rpx;z-index: 2;display: block;
@@ -236,7 +236,7 @@
 		background-image: url("@/static/images/grade/confirm-btn.png");@include ezy-no-repeat-cover;
 	}
 	.grade-confirm-btn:after{display: none;}
-	
+
 }
 
 
@@ -248,8 +248,8 @@
 	}
 	.egg-btn{width: 644rpx;height: 106rpx;@include ezy-no-repeat-cover;background-image: url("@/static/images/study/egg-btn.png");}
 }
-	
-//地图页	
+
+//地图页
 .ezy-study-swiper{height: 100vh;overflow-y: auto;}
 .ezy-study-swiper1{
 	@media (max-height: 700px) {min-height: 1260rpx;}
@@ -294,7 +294,7 @@
 // 数学
 .ezy-shuxue-study-page{
 	@include ezy-no-repeat-cover(top);background-color: #43c1f6;background-image: url("@/static/images/study/shuxue/study-shuxue-bj.png");
-	
+
 	.ezy-study-wrap{width:750rpx;height:1394rpx;background-image: url("@/static/images/study/shuxue/study-wrap-bj.png");}
 	.animal-img{left: 380rpx;top: 290rpx;}
 	.chapter-box{
@@ -308,7 +308,7 @@
 	.chapter-small-title-box{line-height: 2;font-size: 38rpx;}
 	.chapter-middle-title-box{line-height: 2.3;font-size: 34rpx;}
 	.chapter-big-title-box{line-height: 1.2;font-size: 32rpx;}
-	
+
 	// brand-content
 	.brand-content{margin: 0 auto;@include single-line-ellipsis;}
 	.brand-icon,.brand-lock,.brand-finish-icon{
@@ -352,7 +352,7 @@
 		.brand-lock,.brand-icon,.brand-finish-icon{left: 0;top: -30rpx;}
 	}
 	.ceshi-brand-item.brand-active{background-image: url("@/static/images/study/shuxue/ceshi-pai-active.png");}
-	
+
 	// brand-item
 	.small-brand-item:nth-child(1){top:330rpx;right:70rpx;}
 	.small-brand-item:nth-child(2){top:540rpx;left:75rpx;}
@@ -451,13 +451,13 @@
 		width: 58rpx;height: 58rpx;left: 38%;top: -58%;position: absolute;
 		@include ezy-no-repeat-cover;background-image: url("@/static/images/study/brand-arrow.gif");
 		}
-	// brand-item 
+	// brand-item
 	.brand-item{
 		width: 260rpx;height: 81rpx;position: absolute;
 		@include ezy-no-repeat-cover;background-image: url("@/static/images/study/yingyu/dao-item-disabled.png");
 		}
 	.brand-active{background-image: url("@/static/images/study/yingyu/dao-item-active.png");}
-	
+
 	.brand-item:nth-child(1){top:758rpx;right:46rpx;}
 	.brand-item:nth-child(2){top:920rpx;left:55rpx;}
 	.brand-item:nth-child(3){
@@ -474,7 +474,7 @@
 		.brand-arrow{left: 32%;top: 14%;}
 	}
 	.brand-item.ceshi-brand-item.brand-active{background-image: url("@/static/images/study/yingyu/test-item-active.png");}
-	
+
 	@media (max-height: 800px) {
 		// 0.9
 		min-height:1400rpx;
@@ -529,11 +529,11 @@
 // 计算特训
 .ezy-jstx-study-page{
 	@include ezy-no-repeat-cover(top);background-color: #43c1f6;background-image: url("@/static/images/study/jstx/study-jstx-bj.png");
-	
+
 	.ezy-study-wrap{width:750rpx;height:1394rpx;position: relative;margin-bottom: 100rpx;
 	background-image: url("@/static/images/study/jstx/study-wrap-bj.png");}
 	.study-name-img{width: 140rpx;height: 102rpx;position: absolute;top: 136rpx;left: 294rpx;}
-	
+
 	// brand-content
 	.brand-content{
 		width: 90%;height:60rpx;margin: 12rpx auto;
@@ -574,13 +574,13 @@
 		.brand-lock,.brand-icon,.brand-finish-icon{left: 0;top: -30rpx;}
 	}
 	.ceshi-brand-item.brand-active{background-image: url("@/static/images/study/shuxue/ceshi-pai-active.png");}
-	
+
 	// brand-item
 	.brand-item:nth-child(1){top:500rpx;left:90rpx;}
 	.brand-item:nth-child(2){top:640rpx;right:140rpx;}
 	.brand-item:nth-child(3){top:880rpx;left:160rpx;}
 	.brand-item:nth-child(4){top:1100rpx;right:195rpx}
-	
+
 	@media (max-height: 800px) {
 		// 0.92
 		.ezy-study-wrap{width: 690rpx;height: 1284rpx;margin-bottom: 70rpx;}
@@ -775,7 +775,7 @@
 		@keyframes fadeIn {
 			 0% { opacity: 0;}
 			 60% { opacity: 0;}
-			 100% { opacity: 1;} 
+			 100% { opacity: 1;}
 		 /* from { opacity: 0;}
 		  to {opacity: 1;} */
 		}
@@ -826,7 +826,7 @@
 			box-sizing: border-box;padding: 0 20rpx;word-wrap: break-word;word-break: break-all;
 			display: block;@include ezy-rich-text;
 		}
-		
+
 	}
 }
 
@@ -863,7 +863,7 @@
 		box-sizing: border-box;font-size: 24rpx;padding-left: 40rpx;
 		flex-shrink: 0;
 		@include ezy-no-repeat-cover;background-image: url("@/static/images/course/video-play.png");}
-}	
+}
 
 // 课程得分页面
 .course-score-dialog{
@@ -895,7 +895,7 @@
 	.continue-btn{background-image: url("@/static/images/course/jx-btn.png");}
 	@media (max-height: 600px) {margin-bottom: 40%;}
 }
-	
+
 // 我的页面
 .ezy-my-page{
 	width: 100%;height: 100vh;background-color: #00c5fe;position: relative;overflow: auto;
@@ -905,7 +905,7 @@
 		.head-img-box{width: 154rpx;height: 154rpx;margin: 0 24rpx 0 12rpx;@include ezy-no-repeat-cover;}
 		.head-content-box{font-size: 30rpx;}
 	}
-	
+
 	// hyqy
 	.my-hyqy-swiper{
 		height: 385rpx;
@@ -968,10 +968,10 @@
 	@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/common/ezy-page-bj.png");
 	.uni-list{background-color: transparent!important;}
 	.uni-list--border-top,.uni-list--border-bottom{display: none;}
-	
+
 	.cuoti-content-box{flex: 1;background-color: rgba(255, 255, 255, 0.6);z-index: 3;margin: 10rpx 20rpx;}
 	.cuoti-scroll-view{overflow-y: auto;height: calc(100vh - 380rpx - var(--status-bar-height));}
-	
+
 	// item
 	.list-item-box{
 		width: 94%;background-color: transparent!important;
@@ -1004,7 +1004,7 @@
 			@include ezy-no-repeat-cover;background-image: url("@/static/images/my/list-jt.png");
 		}
 	}
-	
+
 }
 
 // 关于我们
@@ -1055,7 +1055,7 @@
 	.my-tel-content{
 		width: 625rpx;height: 740rpx;box-sizing: border-box;padding: 100rpx 62rpx;
 		background-image: url("@/static/images/my/my-tel-bj.png");@include ezy-no-repeat-cover;position: relative;
-		
+
 	}
 	.my-tel-title{font-size: 40rpx;color: #333;text-align:center;margin-bottom: 24rpx;}
 	.tel-row{border-bottom: 1px dashed #70cbf4;}
@@ -1070,12 +1070,12 @@
 		.close-btn{width: 36rpx;height: 36rpx;margin-right: 30rpx;@include ezy-no-repeat-cover;
 		background-image: url("@/static/images/login/login-close-icon.png");flex-shrink: 0;}
 	}
-	
+
 	.get-yzm-btn{color: #3b73bf;margin:24rpx 0 36rpx;font-size: 25rpx;}
 	.get-yzm-disabled{color: #666;}
-	
+
 	.yzm-tip{color: #3b73bf;margin:0 0 24rpx;font-size: 25rpx;}
-	
+
 	.my-bind-btn{
 		width:500rpx;height: 88rpx;text-align: center;line-height: 88rpx;color: #fff;margin-top: 24rpx;
 		background-image: url("@/static/images/my/my-tel-btn.png");@include ezy-no-repeat-cover;
@@ -1110,7 +1110,7 @@
 			font-size: 28rpx;font-weight: 600;margin-bottom: 10rpx;
 		}
 		.list-content{font-size: 25rpx;color: rgba(255, 255, 255, 0.8);}
-		
+
 	}
 	.open-svip-box{
 		width: 702rpx;height:413rpx;margin: 0 auto;box-sizing: border-box;padding: 0 16rpx;
@@ -1152,7 +1152,7 @@
 			color: #BA9D7F;
 		}
 	}
-	
+
 	.hyfw-tip-box{
 		font-size: 25rpx;color: #fff;text-align: center;margin-top: 5rpx;
 		text{color: #e3f524;}
@@ -1207,7 +1207,7 @@
 	.uni-list-item__container{
 		flex-direction: column!important;position: relative;
 		padding:16rpx 20rpx !important;overflow: unset;}
-	
+
 	.order-scroll-view{margin-top: 10rpx;overflow-y: auto;height: calc(100vh - 380rpx - var(--status-bar-height));}
 	.order-list-item{
 		width: 94%;background-color: rgba(255, 255, 255, 0.6)!important;
@@ -1223,7 +1223,7 @@
 			}
 			.pay-status{color:#fdae36;margin-left: 36rpx;}
 		}
-		
+
 		.order-content-box{
 			display: flex;margin-top: 10rpx;box-sizing: border-box;margin-bottom: 24rpx;
 			.content-img{width: 230rpx;height: 230rpx;margin-right: 20rpx;
@@ -1268,8 +1268,8 @@
 			}
 		}
 	}
-	
-	
+
+
 }
 
 // 订单支付
@@ -1297,14 +1297,14 @@
 		.content-tag + .content-tag{margin-left: 16rpx;}
 		.content-yuanjia{font-size: 42rpx;color: #ff0101;position: absolute;right: 0;bottom: 0;}
 	}
-	
+
 	.price-box{
 		margin-bottom: 6rpx;background-color: rgba(255, 255, 255, 0.6);box-sizing: border-box;padding: 32rpx 24rpx;
 		.price-row{display: flex;justify-content: space-between;font-size: 30rpx;color: #333;box-sizing: border-box;padding-left: 10rpx;}
 		.price-line-row{border-bottom: 1rpx dashed #fff;padding: 24rpx 0 36rpx 10rpx;margin-bottom: 24rpx;}
 		.price-red{color: #ff0101;}
 	}
-	
+
 	.pay-type-box{
 		background-color: rgba(255, 255, 255, 0.6);box-sizing: border-box;padding: 32rpx 24rpx;border-radius: 0 0 10rpx 10rpx;
 		.pay-type-name{font-size: 36rpx;color: #333;margin-bottom: 12rpx;}
@@ -1331,7 +1331,7 @@
 		.wx-radio{background-image: url("@/static/images/pay/svip-wx-icon.png");}
 		.zfb-radio{background-image: url("@/static/images/pay/svip-zfb-icon.png");}
 	}
-	
+
 	.pay-sum-box{
 		display: flex;justify-content: space-between;align-items: center;font-size: 36rpx;color: #333;margin-top: 42rpx;
 		icon{width: 35rpx;height: 35rpx;margin: 0 12rpx;
@@ -1390,26 +1390,26 @@
 	.game-goose-box0{
 		.game-progress-box{bottom: 300rpx;}
 		.game-progress-text{bottom: 302rpx;}
-	} 
+	}
 	.game-goose-box1{
 		.game-progress-box{bottom: 330rpx;}
 		.game-progress-text{bottom: 333rpx;}
-	} 
+	}
 	.game-goose-box2{
 		.game-progress-box{bottom: 404rpx;}
 		.game-progress-text{bottom: 407rpx;}
-	} 
+	}
 	.game-goose-box3{
 		.game-progress-box{bottom: 460rpx;}
 		.game-progress-text{bottom: 463rpx;}
-	} 
-	
+	}
+
 	// food
 	.food-img-box{width: 80rpx;height: 75rpx;position: absolute;}
 	.food-img30{bottom: 368rpx;left: 274rpx;}
 	.food-img100{bottom: 360rpx;left: 270rpx;}
 	.food-img300{bottom: 360rpx;left: 272rpx;}
-	
+
 	//btn
 	.food-btn-box{
 		width: 106rpx;height: 121rpx;position: absolute;top: calc(260rpx + var(--status-bar-height));right: 50rpx;
@@ -1419,8 +1419,8 @@
 		width: 125rpx;height: 125rpx;position: absolute;top: calc(100rpx + var(--status-bar-height));right: 38rpx;
 		@include ezy-no-repeat-cover;background-image: url("@/static/images/game/yxsm-btn-img.png");
 	}
-	
-	
+
+
 	// game-popup-box
 	.game-popup-box{
 		width: 100%;height: 514rpx;@include ezy-no-repeat-cover;
@@ -1562,7 +1562,7 @@
 		    from {opacity: 1;}
 		    to {opacity: 0;}
 		}
-		
+
 		.show-biaoqing-icon{width: 80rpx;height: 80rpx;@include ezy-no-repeat-cover;
 		position: absolute;top: 20rpx;left: 22rpx;z-index: 0;}
 		.biaoqing-img{width: 442rpx;height: 385rpx;@include ezy-no-repeat-cover;margin: 0 auto;}
@@ -1574,9 +1574,9 @@
 		.polie-qipao-mask{
 			width: 192rpx;height: 125rpx;@include ezy-no-repeat-cover;
 			background-image: url("@/static/images/zhuanti/baozha.gif");
-			position: absolute;top: 5rpx;left: -35rpx; 
+			position: absolute;top: 5rpx;left: -35rpx;
 			}
-		
+
 		.qipao-text-row{
 			color: #fff;font-size: 24rpx;display: flex;align-items: center;
 			justify-content: center;position: absolute;bottom: 0;left: 0;right: 0;
@@ -1584,7 +1584,7 @@
 			background-image: url("@/static/images/zhuanti/shou-icon.png");}
 		}
 	}
-	
+
 	.biaoqing-bj1 .biaoqing-img,.biaoqing-bj1 .show-biaoqing-icon{background-image: url("@/static/images/zhuanti/biaoqing-icon1.png");}
 	.biaoqing-bj2 .biaoqing-img,.biaoqing-bj2 .show-biaoqing-icon{background-image: url("@/static/images/zhuanti/biaoqing-icon2.png");}
 	.biaoqing-bj3 .biaoqing-img,.biaoqing-bj3 .show-biaoqing-icon{background-image: url("@/static/images/zhuanti/biaoqing-icon3.png");}
@@ -1593,8 +1593,8 @@
 	.biaoqing-bj6 .biaoqing-img,.biaoqing-bj6 .show-biaoqing-icon{background-image: url("@/static/images/zhuanti/biaoqing-icon6.png");}
 	.biaoqing-bj7 .biaoqing-img,.biaoqing-bj7 .show-biaoqing-icon{background-image: url("@/static/images/zhuanti/biaoqing-icon7.png");}
 	.biaoqing-bj8 .biaoqing-img,.biaoqing-bj8 .show-biaoqing-icon{background-image: url("@/static/images/zhuanti/biaoqing-icon8.png");}
-	
-	
+
+
 	.maike-anzhu,.maike-songkai{width: 100%;text-align:center;margin-top: 36rpx;}
 	.maike-box{
 		width: 125rpx;height: 125rpx;@include ezy-no-repeat-cover;
@@ -1663,7 +1663,7 @@
 	.uni-list-item__container{
 		flex-direction: column!important;position: relative;
 		padding:16rpx 20rpx !important;overflow: unset;}
-	
+
 	.order-scroll-view{margin-top: 10rpx;overflow-y: auto;height: calc(100vh - 380rpx - var(--status-bar-height));}
 	.mall-list-item{
 		width: 94%;background-color: rgba(255, 255, 255, 0.6)!important;
@@ -1681,7 +1681,7 @@
 			.content-text{font-size: 24rpx;color: #666;@include multi-line-ellipsis(3);line-height: 1.4;}
 			.content-row{
 				display: flex;justify-content: space-between;align-items: center;
-				
+
 				.shop-car-box{
 					width: 70rpx;height: 70rpx;position: relative;
 					@include ezy-no-repeat-cover;background-image: url("@/static/images/mall/shop-car-icon.png");
@@ -1692,14 +1692,14 @@
 				}
 			}
 		}
-		
+
 		.mall-yigou-box{
 			position: relative;
 			.content-row .shop-car-box{background-image: url("@/static/images/mall/shop-car-disabled-icon.png");}
 		}
 		.mall-yigou-box::after{content: '';width: 71rpx;height: 69rpx;position: absolute;left: 3rpx;top:2rpx;
 		@include ezy-no-repeat-cover;background-image: url("@/static/images/mall/yigou-icon.png");}
-				
+
 		.mall-bottom-row{
 			display: flex;justify-content: space-between;align-items: center;
 			box-sizing: border-box;padding-bottom: 16rpx;
@@ -1737,9 +1737,17 @@
 		.tab-item.active .tab-nianji-item{@include ezy-no-repeat-cover;color: #fff;
 		background-image: url("@/static/images/my/tk-tab-item.png");}
 	}
+	.sxtk-banben-body{
+		flex: 1;overflow-y: auto;padding:10rpx 0;box-sizing: border-box;display: flex;flex-wrap: wrap;margin-bottom: 10rpx;
+		.banben-item{width: 33.33%;font-size: 28rpx;margin-bottom: 24rpx;}
+		.banben-text-item{width: 194rpx;height: 79rpx;line-height: 79rpx;text-align: center;margin: 0 auto;
+		@include single-line-ellipsis;box-sizing: border-box;padding: 0 6rpx;
+		 background-image: url("@/static/images/my/tk-list-item.png");@include ezy-no-repeat-cover;color: #fff;}
+		.banben-item.active .banben-text-item{background-image: url("@/static/images/my/tk-list-item-a.png");color: #6e0c02;}
+		}
 	.sxtk-confirm-btn{
 		width: 644rpx;height: 108rpx;background-color: transparent;margin-bottom: 36rpx;
 		background-image: url("@/static/images/grade/confirm-btn.png");@include ezy-no-repeat-cover;
 	}
 	.sxtk-confirm-btn:after{display: none;}
-}
+}

pages/my/banbenConfirmDialog.vue

@@ -1,14 +1,14 @@
-<!-- 大弹窗 三~四行文字 -->
+<!-- 生成题库弹窗 -->
 <template>
  <uni-popup ref="tipBigPopup" :animation="false" :is-mask-click="false"
   mask-background-color="rgba(255, 255, 255, 0.6);">
-  <view class="ezy-tip-dialog tip-big-dialog">
+  <view class="sxtk-sc-dialog">
   <view class="tip-content-box">
    <view class="tip-title">{{title}}</view>
    <view class="tip-content" v-if="content">{{content}}</view>
    <view class="tip-btn-box">
-    <view class="not-confirm-btn" @click="handleClose"></view>
-    <view class="confirm-btn" @click="confirmBtn"></view>
+    <view class="confirm-btn" @click="handleClose">生成</view>
+    <view class="not-confirm-btn" @click="confirmBtn">取消</view>
    </view>
   </view>
   </view>
@@ -20,7 +20,7 @@
  const props = defineProps({
    title: {
      type: String,
-     default: '提示'
+     default: '温馨提示'
    },
    content: {
      type: String,