|
@@ -245,18 +245,24 @@
|
|
position: absolute;left: 20rpx;top:var(--status-bar-height);z-index: 2;
|
|
position: absolute;left: 20rpx;top:var(--status-bar-height);z-index: 2;
|
|
}
|
|
}
|
|
// animal
|
|
// animal
|
|
- .animal-img{width:48rpx;height: 68rpx;@include ezy-no-repeat-cover;position: absolute;animation: shakeAndGrow 3s infinite;}
|
|
|
|
- @keyframes shakeAndGrow {
|
|
|
|
- 0% {transform: translateX(0) scale(1);}
|
|
|
|
- 25% {transform: rotate(-20deg);}
|
|
|
|
- 50% {transform: rotate(20deg);}
|
|
|
|
- 75% {transform: rotate(0deg) scale(1.2);}
|
|
|
|
- 100% {transform: rotate(0deg) scale(1);}
|
|
|
|
- }
|
|
|
|
- .dan-img{background-image: url("@/static/images/study/animal-img1.png");}
|
|
|
|
- .xiao-e-img{background-image: url("@/static/images/study/animal-img2.png");}
|
|
|
|
- .zhong-e-img{background-image: url("@/static/images/study/animal-img3.png");}
|
|
|
|
- .da-e-img{background-image: url("@/static/images/study/animal-img4.png");}
|
|
|
|
|
|
+ .animal-img{width:48rpx;height: 68rpx;@include ezy-no-repeat-cover;position: absolute;}
|
|
|
|
+ @keyframes shakeDan {
|
|
|
|
+ 0% {transform: translateX(0) scale(1);}
|
|
|
|
+ 25% {transform: rotate(-20deg);}
|
|
|
|
+ 50% {transform: rotate(20deg);}
|
|
|
|
+ 75% {transform: rotate(0deg) scale(1.2);}
|
|
|
|
+ 100% {transform: rotate(0deg) scale(1);}
|
|
|
|
+ }
|
|
|
|
+ @keyframes shakeE {
|
|
|
|
+ 0% {transform: translateX(0);}
|
|
|
|
+ 25% {transform: rotate(-8deg);}
|
|
|
|
+ 75% {transform: rotate(8deg);}
|
|
|
|
+ 100% {transform: rotate(0deg);}
|
|
|
|
+ }
|
|
|
|
+ .dan-img{background-image: url("@/static/images/study/animal-img1.png");animation: shakeDan 3s infinite;}
|
|
|
|
+ .xiao-e-img{background-image: url("@/static/images/study/animal-img2.png");animation: shakeE 3s infinite;}
|
|
|
|
+ .zhong-e-img{background-image: url("@/static/images/study/animal-img3.png");animation: shakeE 3s infinite;}
|
|
|
|
+ .da-e-img{background-image: url("@/static/images/study/animal-img4.png");animation: shakeE 3s infinite;}
|
|
}
|
|
}
|
|
// 数学
|
|
// 数学
|
|
.ezy-shuxue-study-page{
|
|
.ezy-shuxue-study-page{
|
|
@@ -267,8 +273,8 @@
|
|
@include ezy-no-repeat-cover;position: relative;margin: 0 auto;
|
|
@include ezy-no-repeat-cover;position: relative;margin: 0 auto;
|
|
}
|
|
}
|
|
.chapter-box{
|
|
.chapter-box{
|
|
- width: 150rpx;text-align: center;font-weight: 800;color: #5c1a11;
|
|
|
|
- font-size: 32rpx;position: absolute;top:122rpx;left:330rpx;
|
|
|
|
|
|
+ width: 160rpx;text-align: center;font-weight: 800;color: #5c1a11;
|
|
|
|
+ font-size: 30rpx;position: absolute;top:122rpx;left:322rpx;
|
|
}
|
|
}
|
|
.chapter-title-box{
|
|
.chapter-title-box{
|
|
width: 325rpx;height: 80rpx;text-align: center;font-weight: 800;color: #fbb030;
|
|
width: 325rpx;height: 80rpx;text-align: center;font-weight: 800;color: #fbb030;
|
|
@@ -806,18 +812,7 @@
|
|
@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/common/ezy-page-bj.png");
|
|
@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/common/ezy-page-bj.png");
|
|
.uni-list{background-color: transparent!important;}
|
|
.uni-list{background-color: transparent!important;}
|
|
.uni-list--border-top,.uni-list--border-bottom{display: none;}
|
|
.uni-list--border-top,.uni-list--border-bottom{display: none;}
|
|
- .cuoti-border-box{
|
|
|
|
- flex: 1;width: 92%;height: auto;background-color: rgba(255, 255, 255, 0.6);border-radius: 10px;
|
|
|
|
- margin: 12rpx auto 32rpx;position: relative;box-sizing: border-box;display: flex;flex-direction: column;
|
|
|
|
- }
|
|
|
|
- .cuo-tab-box{
|
|
|
|
- height: 82rpx!important;
|
|
|
|
- background-color: rgba(255, 255, 255, 0.6);z-index: 3;margin: 20rpx 20rpx 0;
|
|
|
|
- box-sizing: border-box;padding: 10rpx 12rpx;border-radius: 8rpx;
|
|
|
|
- .segmented-control__text{color: #333!important;}
|
|
|
|
- .segmented-control__item--button{height: 62rpx;border: 0;border-radius: 8rpx;}
|
|
|
|
- .segmented-control__item--button--active .segmented-control__text{color: #fff!important;}
|
|
|
|
- }
|
|
|
|
|
|
+
|
|
.cuoti-content-box{flex: 1;background-color: rgba(255, 255, 255, 0.6);z-index: 3;margin: 10rpx 20rpx;}
|
|
.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));}
|
|
.cuoti-scroll-view{overflow-y: auto;height: calc(100vh - 380rpx - var(--status-bar-height));}
|
|
|
|
|
|
@@ -1046,26 +1041,42 @@
|
|
.game-jf-box{position: absolute;right: 24rpx;top: var(--status-bar-height);}
|
|
.game-jf-box{position: absolute;right: 24rpx;top: var(--status-bar-height);}
|
|
// goose
|
|
// goose
|
|
.game-goose-box{
|
|
.game-goose-box{
|
|
- position: absolute;bottom: 300rpx;right: 80rpx;
|
|
|
|
|
|
+ position: absolute;bottom: 300rpx;right: 80rpx;color: #0d5f84;
|
|
|
|
+ .game-progress-text{
|
|
|
|
+ position: absolute;left: 50%;transform: translateX(-50%);font-size: 18rpx;bottom: 303rpx;
|
|
|
|
+ }
|
|
.game-progress-box{
|
|
.game-progress-box{
|
|
width: 138rpx;height: 25rpx;position: absolute;left: 48rpx;
|
|
width: 138rpx;height: 25rpx;position: absolute;left: 48rpx;
|
|
.u-line-progress__background{
|
|
.u-line-progress__background{
|
|
width: 138rpx;height: 25rpx!important;
|
|
width: 138rpx;height: 25rpx!important;
|
|
@include ezy-no-repeat-cover;background-image: url("@/static/images/game/jf-bj.png");
|
|
@include ezy-no-repeat-cover;background-image: url("@/static/images/game/jf-bj.png");
|
|
}
|
|
}
|
|
|
|
+ .u-line-progress__line{height: 25rpx!important;}
|
|
}
|
|
}
|
|
.goose-img-box{width: 231rpx;height: 442rpx;@include ezy-no-repeat-cover;}
|
|
.goose-img-box{width: 231rpx;height: 442rpx;@include ezy-no-repeat-cover;}
|
|
}
|
|
}
|
|
- .game-goose-box0 .game-progress-box{bottom: 300rpx;}
|
|
|
|
- .game-goose-box1 .game-progress-box{bottom: 330rpx;}
|
|
|
|
- .game-goose-box2 .game-progress-box{bottom: 400rpx;}
|
|
|
|
- .game-goose-box3 .game-progress-box{bottom: 460rpx;}
|
|
|
|
|
|
+ .game-goose-box0{
|
|
|
|
+ .game-progress-box{bottom: 300rpx;}
|
|
|
|
+ .game-progress-text{bottom: 303rpx;}
|
|
|
|
+ }
|
|
|
|
+ .game-goose-box1{
|
|
|
|
+ .game-progress-box{bottom: 330rpx;}
|
|
|
|
+ .game-progress-text{bottom: 333rpx;}
|
|
|
|
+ }
|
|
|
|
+ .game-goose-box2{
|
|
|
|
+ .game-progress-box{bottom: 400rpx;}
|
|
|
|
+ .game-progress-text{bottom: 403rpx;}
|
|
|
|
+ }
|
|
|
|
+ .game-goose-box3{
|
|
|
|
+ .game-progress-box{bottom: 460rpx;}
|
|
|
|
+ .game-progress-text{bottom: 463rpx;}
|
|
|
|
+ }
|
|
|
|
|
|
// food
|
|
// food
|
|
.food-img-box{width: 80rpx;height: 75rpx;position: absolute;}
|
|
.food-img-box{width: 80rpx;height: 75rpx;position: absolute;}
|
|
- .food-img25{bottom: 368rpx;left: 274rpx;}
|
|
|
|
- .food-img50{bottom: 360rpx;left: 270rpx;}
|
|
|
|
- .food-img100{bottom: 360rpx;left: 272rpx;}
|
|
|
|
|
|
+ .food-img100{bottom: 368rpx;left: 274rpx;}
|
|
|
|
+ .food-img300{bottom: 360rpx;left: 270rpx;}
|
|
|
|
+ .food-img600{bottom: 360rpx;left: 272rpx;}
|
|
|
|
|
|
//btn
|
|
//btn
|
|
.food-btn-box{
|
|
.food-btn-box{
|
|
@@ -1098,15 +1109,31 @@
|
|
width: 204rpx;height: 250rpx;@include ezy-no-repeat-cover;
|
|
width: 204rpx;height: 250rpx;@include ezy-no-repeat-cover;
|
|
display: flex;flex-direction: column;align-items: center;justify-content: center;
|
|
display: flex;flex-direction: column;align-items: center;justify-content: center;
|
|
background-image: url("@/static/images/game/food-bj.png");
|
|
background-image: url("@/static/images/game/food-bj.png");
|
|
- img{width: 144rpx;height:135rpx;}
|
|
|
|
|
|
+ .food-image{width: 144rpx;height:135rpx;}
|
|
.food-item-jf{
|
|
.food-item-jf{
|
|
width: 123rpx;height: 46rpx;
|
|
width: 123rpx;height: 46rpx;
|
|
display: flex;align-items: center;line-height: 1.2;font-size: 26rpx;
|
|
display: flex;align-items: center;line-height: 1.2;font-size: 26rpx;
|
|
@include ezy-no-repeat-cover;background-image: url("@/static/images/game/food-jf-bj.png");margin-top: 20rpx;
|
|
@include ezy-no-repeat-cover;background-image: url("@/static/images/game/food-jf-bj.png");margin-top: 20rpx;
|
|
.jf-icon{width: 35rpx;height: 35rpx;margin:0 4rpx 0 10rpx;flex-shrink: 0;
|
|
.jf-icon{width: 35rpx;height: 35rpx;margin:0 4rpx 0 10rpx;flex-shrink: 0;
|
|
@include ezy-no-repeat-cover;background-image: url("@/static/images/my/jf-qb.png");}
|
|
@include ezy-no-repeat-cover;background-image: url("@/static/images/my/jf-qb.png");}
|
|
- .jf-text{min-width: 60rpx;text-align: center;color: #fff;}
|
|
|
|
|
|
+ .jf-text{min-width: 60rpx;text-align: center;color: #fff;margin-top: 2rpx;}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.yxsm-popup-box{
|
|
|
|
+ width: 684rpx;height: 1308rpx;box-sizing: border-box;padding: 120rpx 56rpx 60rpx;overflow-y: auto;
|
|
|
|
+ background-image: url("@/static/images/login/agree-content-bj.png");@include ezy-no-repeat-cover;
|
|
|
|
+ position: relative;text-align: justify;display: flex;flex-direction: column;position: relative;
|
|
|
|
+ .yxsm-close-btn{width: 62rpx;height: 62rpx;@include ezy-no-repeat-cover;position: absolute;
|
|
|
|
+ top: 64rpx;right: 44rpx;background-image: url("@/static/images/common/close-icon.png");}
|
|
|
|
+ .yxsm-item-box{overflow-y: auto;line-height: 1.8;font-size: 28rpx;}
|
|
|
|
+ .yxsm-popup-title{font-size: 36rpx;color: #333;text-align: center;margin-bottom: 32rpx;}
|
|
|
|
+ .item-title{color: #359ae2;}
|
|
|
|
+ .item-content{color: #555;}
|
|
|
|
+ @media (max-height: 480px){
|
|
|
|
+ padding: 120rpx 56rpx 120rpx;
|
|
|
|
+ .yxsm-close-btn{top: 100rpx;}
|
|
|
|
+ }
|
|
}
|
|
}
|