tanxue 3 hete
szülő
commit
0aba9d254b

+ 97 - 1
common/styles/global/pages.scss

@@ -1396,4 +1396,100 @@
 		width: 554rpx;height: 106rpx;margin: 52rpx auto;
 		background-image: url("@/static/images/grade/coming-soon-btn.png");@include ezy-no-repeat-cover;
 	}
-}
+}
+
+// 专题
+.ezy-zhuanti-page{
+	width: 100%;height: 100vh;background-color: #23befb;position: relative;
+	box-sizing: border-box;padding-top:var(--status-bar-height);display: flex;flex-direction: column;
+	@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/zhuanti/zhuanti-bj.png");
+	.zt-qipao-box{
+		width: 520rpx;height: 154rpx;color: #fff;font-size: 30rpx;text-align: center;box-sizing: border-box;
+		padding-top: 20rpx;margin: calc(var(--status-bar-height) + 140rpx) auto 0;
+		background-image: url("@/static/images/zhuanti/text-icon.png");@include ezy-no-repeat-cover;
+	}
+	.zt-biaoqing-box{
+		width: 673rpx;height: 442rpx;margin: 0 auto;margin-top: 20rpx;
+		display: flex;flex-wrap: wrap;
+		background-image: url("@/static/images/zhuanti/biaoqing-all.png");@include ezy-no-repeat-cover;
+		.biaoqing-item-box{width: 25%;height: 220rpx;}
+	}
+	@media (max-height: 800px) {
+		.zt-qipao-box{margin: calc(var(--status-bar-height) + 80rpx) auto 0;}
+	}
+	@media (max-height: 700px) {
+		.zt-qipao-box{margin: calc(var(--status-bar-height) + 60rpx) auto 0;}
+	}
+	@media (max-height: 500px) {
+		min-height: 1200rpx;
+		.zt-qipao-box{margin: calc(var(--status-bar-height) + 10rpx) auto 0;}
+		.zt-biaoqing-box{margin-top:-20rpx;}
+	}
+}
+
+// 表情详情页
+.ezy-biaoqing-page{
+	width: 100%;height: 100vh;background-color: #23befb;position: relative;
+	box-sizing: border-box;padding-top:var(--status-bar-height);display: flex;flex-direction: column;
+	@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/zhuanti/zhuanti-bj.png");
+	.biaoqing-bj-box{
+		position: relative;box-sizing: border-box;padding-top: calc(var(--status-bar-height) + 300rpx);
+		// item
+		.qipao-item-box{width: 125rpx;height: 160rpx;@include ezy-no-repeat-cover;position: absolute;}
+		.qipao-item-box:nth-child(1){top: calc(var(--status-bar-height) + 260rpx);left: 20rpx;}
+		.qipao-item-box:nth-child(2){top: calc(var(--status-bar-height) + 120rpx);left: 160rpx;}
+		.qipao-item-box:nth-child(3){top: calc(var(--status-bar-height) + 130rpx);left: 330rpx;}
+		.qipao-item-box:nth-child(4){top: calc(var(--status-bar-height) + 140rpx);right: 120rpx;}
+		.qipao-item-box:nth-child(5){top: calc(var(--status-bar-height) + 350rpx);right: 20rpx;}
+		// item-disabled
+		.qipao-item-disabled{animation: fadeOut 1s forwards;}
+		@keyframes fadeOut {
+		    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;}
+		.qipao-mask{
+			width: 125rpx;height: 125rpx;@include ezy-no-repeat-cover;z-index: 1;
+			background-image: url("@/static/images/zhuanti/xiao-qipao-bj.png");
+			position: absolute;top: 0;left: 0;
+		}
+		.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; 
+			}
+		
+		.qipao-text-row{
+			color: #fff;font-size: 24rpx;display: flex;align-items: center;
+			justify-content: center;position: absolute;bottom: 0;left: 0;right: 0;
+			.shou-icon{width: 32rpx;height: 32rpx;@include ezy-no-repeat-cover;
+			background-image: url("@/static/images/zhuanti/shou-icon.png");}
+		}
+	}
+	
+	.biaoqing-bj1{
+		.biaoqing-img,.show-biaoqing-icon{background-image: url("@/static/images/zhuanti/biaoqing-icon1.png");}
+	}
+	
+	
+	// maike
+	.maike-anzhu,.maike-songkai{
+		width: 100%;text-align:center;
+	}
+	.maike-songkai::after{
+		content: '';width: 673rpx;height: 115rpx;@include ezy-no-repeat-cover;
+		background-image: url("@/static/images/zhuanti/yinbo.gif");
+	}
+	.maike-box{
+		width: 125rpx;height: 125rpx;@include ezy-no-repeat-cover;
+		display: flex;align-items: center;justify-content: center;
+		background-image: url("@/static/images/zhuanti/qipao-bj.png");
+		margin:0 auto;
+		.maike-icon{width: 58rpx;height: 87rpx;@include ezy-no-repeat-cover;
+		background-image: url("@/static/images/zhuanti/maike-icon.png");}
+	}
+	.maike-text{color: #fff;font-size: 24rpx;}
+}

BIN
static/images/common/dialog-login-imgy.png


BIN
static/images/tabbar/select/xinqing-sj.png


BIN
static/images/tabbar/unselect/xinqing-sj.png


BIN
static/images/zhuanti/baozha.gif


BIN
static/images/zhuanti/biaoqing-all.png


BIN
static/images/zhuanti/biaoqing-icon1.png


BIN
static/images/zhuanti/biaoqing-icon2.png


BIN
static/images/zhuanti/biaoqing-icon3.png


BIN
static/images/zhuanti/biaoqing-icon4.png


BIN
static/images/zhuanti/biaoqing-icon5.png


BIN
static/images/zhuanti/biaoqing-icon6.png


BIN
static/images/zhuanti/biaoqing-icon7.png


BIN
static/images/zhuanti/biaoqing-icon8.png


BIN
static/images/zhuanti/maike-icon.png


BIN
static/images/zhuanti/qipao-bj.png


BIN
static/images/zhuanti/shou-icon.png


BIN
static/images/zhuanti/text-icon.png


BIN
static/images/zhuanti/xiao-qipao-bj.png


BIN
static/images/zhuanti/yinbo.gif


BIN
static/images/zhuanti/zhuanti-bj.png


BIN
static/mp3/zhuanti/qipao.mp3