|
@@ -1,121 +1,4 @@
|
|
|
/***** 这里放页面样式 *****/
|
|
/***** 这里放页面样式 *****/
|
|
|
-// 登录页 padding-bottom: env(safe-area-inset-bottom); box-sizing: unset;
|
|
|
|
|
-.ezy-login-page {
|
|
|
|
|
- width:100%;height:100vh; background-color: #f9f9fb;position: relative;
|
|
|
|
|
- box-sizing: border-box;padding-top: 240rpx;
|
|
|
|
|
- .login-img{
|
|
|
|
|
- width: 272rpx;height: 260rpx;@include ezy-no-repeat-cover;margin: 0 auto;
|
|
|
|
|
- background-image: url("@/static/images/login/login-logo.png");display: block;
|
|
|
|
|
- }
|
|
|
|
|
- .login-body-box{
|
|
|
|
|
- display: flex;flex-direction: column;align-items: center;margin: 160rpx auto 0;
|
|
|
|
|
- }
|
|
|
|
|
- .login-btn{width: 655rpx;height: 92rpx;line-height: 92rpx;text-align: center;font-size:32rpx;
|
|
|
|
|
- margin-top: 84rpx;@include ezy-no-repeat-cover;font-weight: bold;}
|
|
|
|
|
- /***** 输入手机号页面*****/
|
|
|
|
|
- .phone-input-box{
|
|
|
|
|
- width: 662rpx;height: 122rpx;
|
|
|
|
|
- display: flex;align-items: center;@include ezy-no-repeat-cover;
|
|
|
|
|
- background-image: url("@/static/images/login/login-tel-bj.png");
|
|
|
|
|
- .phone-prefix {
|
|
|
|
|
- width: 90rpx;margin-left:18rpx;font-size: 38rpx;color: #ffffffd9;
|
|
|
|
|
- font-weight: normal;display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;
|
|
|
|
|
- }
|
|
|
|
|
- .phone-prefix::after{content: '';width: 1rpx;height: 40rpx;display: inline-block;background-color: #ffffffd9;}
|
|
|
|
|
- .phone-input {font-size: 38rpx;padding: 0 30rpx;box-sizing: border-box;color: #fff;flex: 1;overflow: hidden;}
|
|
|
|
|
- .uni-input-placeholder {font-size: 34rpx;color: #ffffffd9;
|
|
|
|
|
- }
|
|
|
|
|
- .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: 32rpx;line-height: 1;margin-left: -42rpx;
|
|
|
|
|
- uni-checkbox-group{font-size: 0;}
|
|
|
|
|
- .agreement-checkbox-input{width: 80rpx;height: 80rpx;border: 0;font-size: 0;}
|
|
|
|
|
- .uni-checkbox-input{
|
|
|
|
|
- width: 80rpx;height: 80rpx;border: 0;background-color: unset;position: relative;
|
|
|
|
|
- svg {
|
|
|
|
|
- width: 19rpx;height: 19rpx;top: 32rpx;left: 48rpx;display: block;
|
|
|
|
|
- background-color: #379af8;border-radius: 999rpx;transform: unset;position: absolute;
|
|
|
|
|
- path{display: none;}
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- .uni-checkbox-input::before{
|
|
|
|
|
- content: '';width: 31rpx;height: 31rpx;border: 1rpx solid #379af8;border-radius: 999rpx;
|
|
|
|
|
- box-sizing: border-box;position: absolute;top: 26rpx;left: 42rpx;
|
|
|
|
|
- }
|
|
|
|
|
- .agreement-text-box {
|
|
|
|
|
- color: #333;font-size: 28rpx;flex-direction: row;display: flex;align-items: center;
|
|
|
|
|
- .agreement-text{color: #379af8;display: contents;}
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .login-btn-disabled{background-image: url("@/static/images/login/login-btn-bj-disabled.png");color:#999b9a;}
|
|
|
|
|
- .login-btn-normal{background-image: url("@/static/images/login/login-btn-bj.png");color:#fff;}
|
|
|
|
|
- .bottom-btn-box{
|
|
|
|
|
- position: absolute;bottom:8%;left: 50%;transform: translateX(-50%);
|
|
|
|
|
- .bottom-tip{color: #999;font-size: 28rpx;text-align: center;margin-bottom: 60rpx;}
|
|
|
|
|
- .btn-box{
|
|
|
|
|
- display: flex;
|
|
|
|
|
- .wx-btn,.yk-btn,.apple-btn{
|
|
|
|
|
- width: 170rpx;display: flex;align-items: center;flex-direction: column;
|
|
|
|
|
- color: #666;font-size: 26rpx;
|
|
|
|
|
- icon{width: 50rpx;height: 42rpx;@include ezy-no-repeat-cover;margin-bottom: 12rpx;}
|
|
|
|
|
- }
|
|
|
|
|
- .wx-btn icon{background-image: url("@/static/images/login/login-wx-btn.jpg");}
|
|
|
|
|
- .yk-btn icon{background-image: url("@/static/images/login/login-yk-btn.jpg");}
|
|
|
|
|
- .apple-btn icon{background-image: url("@/static/images/login/login-apple-btn.jpg");}
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /***** 输入验证码页面*****/
|
|
|
|
|
- .yzm-nav-bar-icon{z-index: 99;}
|
|
|
|
|
- .yzm-show{width: 662rpx;font-size: 30rpx;color: #666;margin: 0 0 24rpx 12rpx;}
|
|
|
|
|
- .yzm-btn{margin-top: 42rpx;}
|
|
|
|
|
- .cxfs-btn{font-size: 30rpx;color: #3257b9;display: inline-block;margin: 60rpx auto 160rpx;}
|
|
|
|
|
- .cxfs-btn-disabled{color: #777;}
|
|
|
|
|
- .login-text{
|
|
|
|
|
- font-size: 30rpx;color: #888;margin: 16rpx auto 0 56rpx;
|
|
|
|
|
- text{color: #64a8e3;}
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /* 针对小屏幕设备 */
|
|
|
|
|
- @media (max-height: 750px) {
|
|
|
|
|
- padding-top: 200rpx;
|
|
|
|
|
- .login-body-box{margin: 100rpx auto 0; }
|
|
|
|
|
- .login-btn{margin-top: 56rpx;}
|
|
|
|
|
- // 验证码
|
|
|
|
|
- .yzm-btn{margin-top: 36rpx;}
|
|
|
|
|
- }
|
|
|
|
|
- @media (max-height: 650px) {
|
|
|
|
|
- padding-top: 180rpx;
|
|
|
|
|
- .login-body-box{margin: 60rpx auto 0; }
|
|
|
|
|
- .login-btn{margin-top: 32rpx;}
|
|
|
|
|
- .bottom-btn-box{
|
|
|
|
|
- bottom: 5%;
|
|
|
|
|
- .bottom-tip{margin-bottom: 32rpx;}
|
|
|
|
|
- }
|
|
|
|
|
- // 验证码
|
|
|
|
|
- .cxfs-btn{margin: 32rpx auto 52rpx;}
|
|
|
|
|
- }
|
|
|
|
|
- @media (max-height: 550px) {
|
|
|
|
|
- min-height: 1100rpx;
|
|
|
|
|
-
|
|
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-// 用户协议弹窗
|
|
|
|
|
-.agree-sections-dialog{
|
|
|
|
|
- width: 700rpx;height: 490rpx;padding: 80rpx 0 42rpx;box-sizing: border-box;text-align: center;margin-bottom: 26%;
|
|
|
|
|
- background-image: url("@/static/images/login/agree-dialog-bg.png");@include ezy-no-repeat-cover;
|
|
|
|
|
- .agree-title{color:#111;font-size: 40rpx;}
|
|
|
|
|
- .agree-tip{color:#666;font-size: 30rpx;margin-top: 46rpx;}
|
|
|
|
|
- .confirm-btn{width: 588rpx;height: 92rpx;@include ezy-no-repeat-cover;margin: 42rpx auto 0;
|
|
|
|
|
- background-image: url("@/static/images/login/agree-dialog-btn.png");}
|
|
|
|
|
- .not-confirm-btn{color:#888;font-size: 32rpx;padding: 32rpx 0 0;display: inline-block;}
|
|
|
|
|
-}
|
|
|
|
|
// 第一次登录时隐私协议弹窗
|
|
// 第一次登录时隐私协议弹窗
|
|
|
.agree-first-sections-dialog{
|
|
.agree-first-sections-dialog{
|
|
|
width: 635rpx;height: 702rpx;padding: 300rpx 36rpx 42rpx;box-sizing: border-box;text-align: center;margin-bottom: 26%;
|
|
width: 635rpx;height: 702rpx;padding: 300rpx 36rpx 42rpx;box-sizing: border-box;text-align: center;margin-bottom: 26%;
|
|
@@ -130,52 +13,6 @@
|
|
|
@media (max-height: 700px) {margin-bottom: 16%;}
|
|
@media (max-height: 700px) {margin-bottom: 16%;}
|
|
|
@media (max-height: 600px) {margin-bottom: 0;}
|
|
@media (max-height: 600px) {margin-bottom: 0;}
|
|
|
}
|
|
}
|
|
|
-// 用户协议详情弹窗
|
|
|
|
|
-.agree-content-dialog{
|
|
|
|
|
- width: 100%;height: 100vh;background-color: #fff;display: flex;flex-direction: column;
|
|
|
|
|
- .agree-content-box{
|
|
|
|
|
- width: 95%;display: flex;flex-direction: column;flex: 1;overflow-y: auto;
|
|
|
|
|
- padding: 36rpx 0;box-sizing: border-box;margin: 20rpx auto 0;
|
|
|
|
|
- position: relative;text-align: justify;border-radius: 16rpx 16rpx 0 0;
|
|
|
|
|
- background-color: #fff;box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1);
|
|
|
|
|
-
|
|
|
|
|
- }
|
|
|
|
|
- .agree-title{font-size: 42rpx;text-align: center;margin-bottom: 42rpx;flex-shrink: 0;}
|
|
|
|
|
- .agree-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");}
|
|
|
|
|
- .agree-section-box{font-size: 30rpx;line-height: 1.8;overflow: auto;flex: 1;padding: 0 46rpx;word-break: break-all;}
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-// 滑块校验弹窗
|
|
|
|
|
-.slider-check-dialog{
|
|
|
|
|
- background-color: rgba(255, 255, 255, 0.6);
|
|
|
|
|
- position: fixed;display: flex;flex-direction: column;top: 0;left: 0;bottom:0;right: 0;
|
|
|
|
|
- justify-content: center;align-items: center;
|
|
|
|
|
- .slider-check-content{
|
|
|
|
|
- width: 635rpx;height: 423rpx;padding: 42rpx 36rpx 42rpx;box-sizing: border-box;text-align: center;margin-bottom: 26%;
|
|
|
|
|
- background-image: url("@/static/images/login/slider-dialog-bj.png");@include ezy-no-repeat-cover;position: relative;
|
|
|
|
|
- }
|
|
|
|
|
- .slider-close{width: 50rpx;height: 50rpx;@include ezy-no-repeat-cover;position: absolute;right: 30rpx;top: 30rpx;
|
|
|
|
|
- background-image: url("@/static/images/common/close-icon.png");}
|
|
|
|
|
- .slider-check-tip{color:#777;font-size: 32rpx;margin-top: 30rpx;font-weight: 800;}
|
|
|
|
|
- .slider-check-btn{width: 208rpx;height: 85rpx;@include ezy-no-repeat-cover;margin: 32rpx auto 0;
|
|
|
|
|
- background-image: url("@/static/images/login/slider-confirm.png");display: block;}
|
|
|
|
|
- .nc-container{
|
|
|
|
|
- position: unset;border-bottom: 1px dashed #70cbf4;padding: 36rpx 0 54rpx;box-sizing: border-box;
|
|
|
|
|
- .nc_wrapper{width: 100%!important;}
|
|
|
|
|
- .nc_iconfont.btn_ok{font-family: unset;font-size: 0;}
|
|
|
|
|
- .nc_iconfont.btn_ok::before{content: '';width: 20px;height:20px;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
|
|
|
|
|
- @include ezy-no-repeat-cover;background-image: url("@/static/images/login/slider-right-icon.png");z-index: 4;}
|
|
|
|
|
- }
|
|
|
|
|
- .slider-tip-red{color: red;}
|
|
|
|
|
- @media (max-height: 700px) {
|
|
|
|
|
- .slider-check-content{margin-bottom: 16%;}
|
|
|
|
|
- }
|
|
|
|
|
- @media (max-height: 600px) {
|
|
|
|
|
- .slider-check-content{margin-bottom: 0;}
|
|
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
|
|
|
|
|
// 选择年级和学期
|
|
// 选择年级和学期
|
|
|
.grades-terms-page{
|
|
.grades-terms-page{
|
|
@@ -685,50 +522,6 @@
|
|
|
.ezy-catalogue-collapse-vip .collapse-item-box .uni-collapse-item__title-arrow{margin-right: 10rpx;}
|
|
.ezy-catalogue-collapse-vip .collapse-item-box .uni-collapse-item__title-arrow{margin-right: 10rpx;}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-// 考试页
|
|
|
|
|
-.ezy-exam-page{
|
|
|
|
|
- width: 100%;height: 100vh;background-color: #f9f9fb;position: relative;
|
|
|
|
|
- display: flex;flex-direction: column;
|
|
|
|
|
- .exam-body{
|
|
|
|
|
- z-index: 1;position: relative;flex: 1;display: flex;flex-direction: column;
|
|
|
|
|
- }
|
|
|
|
|
- .xx-jd-box{
|
|
|
|
|
- width: 95%;background-color: #fff;box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.2);
|
|
|
|
|
- border-radius: 16rpx;box-sizing: border-box;padding:36rpx 36rpx 42rpx;margin: 20rpx auto 0;
|
|
|
|
|
- .xx-row{display: flex;justify-content: space-between;align-items: center;margin-bottom: 24rpx;}
|
|
|
|
|
- .text-row{color: #5d5e61;}
|
|
|
|
|
- .dq-jd-text{color: #5693f5;font-size: 52rpx;}
|
|
|
|
|
- .dq-jd-line{margin: 0 6rpx;}
|
|
|
|
|
- }
|
|
|
|
|
- .exam-progress-box{border-radius: 20rpx;overflow: hidden;}
|
|
|
|
|
- .ezy-exam-swiper{
|
|
|
|
|
- width: 100%;flex: 1;z-index: 2;margin: 0 auto;
|
|
|
|
|
- uni-swiper-item{overflow-y: auto;}
|
|
|
|
|
- .uni-swiper-slides{left: -2rpx;right: -2rpx;}
|
|
|
|
|
- }
|
|
|
|
|
- .exam-submit-btn{
|
|
|
|
|
- width: 87rpx;height: 125rpx;@include ezy-no-repeat-cover;z-index: 2;
|
|
|
|
|
- background-image: url("@/static/images/exam/submit-btn.png");margin: 10rpx 42rpx 0 auto;
|
|
|
|
|
- }
|
|
|
|
|
- .tip-mask-box{
|
|
|
|
|
- width: 100%;height: 100vh;position: relative;position: absolute;top: 0;left: 0;z-index: 3;
|
|
|
|
|
- }
|
|
|
|
|
- .swiper-tip-box{
|
|
|
|
|
- font-size: 30rpx;color: #5989e2;justify-content: center;margin-top: 16rpx;
|
|
|
|
|
- display: flex;flex-direction: row;align-items: center;
|
|
|
|
|
- }
|
|
|
|
|
- .swiper-tip-box::before,.swiper-tip-box::after{
|
|
|
|
|
- content: '';width: 12rpx;height: 26rpx;display: block;
|
|
|
|
|
- background-image: url("@/static/images/common/h-jt-icon.png");@include ezy-no-repeat-cover;
|
|
|
|
|
- }
|
|
|
|
|
- .swiper-tip-box::before{transform: rotate(180deg);margin-right: 32rpx;}
|
|
|
|
|
- .swiper-tip-box::after{margin-left: 32rpx;}
|
|
|
|
|
- .shiti-jj-btn{
|
|
|
|
|
- width: 630rpx;height: 88rpx;@include ezy-no-repeat-cover;margin: 10rpx auto;
|
|
|
|
|
- background-image: url("@/static/images/exam/shiti-jj-btn.png");
|
|
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
// 成绩页
|
|
// 成绩页
|
|
|
.ezy-result-page{
|
|
.ezy-result-page{
|
|
|
width: 100%;height: 100vh;background-color: #f9f9fb;position: relative;
|
|
width: 100%;height: 100vh;background-color: #f9f9fb;position: relative;
|
|
@@ -1901,55 +1694,157 @@
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-// 单元测试
|
|
|
|
|
-.dycs-dialog{
|
|
|
|
|
- width: 100%;height: 100vh;background-color: #fff;display: flex;flex-direction: column;
|
|
|
|
|
- .dycs-body{overflow-y: auto;}
|
|
|
|
|
- .dycs-img{
|
|
|
|
|
- width: 430rpx;height: 350rpx;margin: 92rpx auto 32rpx;flex-shrink: 0;
|
|
|
|
|
- background-image: url("@/static/images/exam/shiti-dialog-img.png");@include ezy-no-repeat-cover;
|
|
|
|
|
- }
|
|
|
|
|
- .dycs-tip{
|
|
|
|
|
- text-align: center;color: #333;font-size: 35rpx;
|
|
|
|
|
|
|
+
|
|
|
|
|
+/***************** 新数学 *********************/
|
|
|
|
|
+// 登录页 padding-bottom: env(safe-area-inset-bottom); box-sizing: unset;
|
|
|
|
|
+.ezy-login-page {
|
|
|
|
|
+ width:100%;height:100vh; background-color: #f9f9fb;position: relative;
|
|
|
|
|
+ box-sizing: border-box;padding-top: 240rpx;
|
|
|
|
|
+ .login-img{
|
|
|
|
|
+ width: 272rpx;height: 260rpx;@include ezy-no-repeat-cover;margin: 0 auto;
|
|
|
|
|
+ background-image: url("@/static/images/login/login-logo.png");display: block;
|
|
|
}
|
|
}
|
|
|
- .dycs-fenshu-box{
|
|
|
|
|
- width: 560rpx;margin: 72rpx auto;padding: 42rpx 32rpx;box-shadow: 0 0rpx 8rpx rgba(100, 159, 241, 0.3);
|
|
|
|
|
- display: flex;justify-content: center;align-items: center;border-radius: 12rpx;font-size: 32rpx;
|
|
|
|
|
- .fenshu-item-box{width: 49%;text-align: center;font-size: 32rpx;color: #333;}
|
|
|
|
|
- .item-number{font-size: 56rpx;margin-bottom: 10rpx;}
|
|
|
|
|
- .red-number{color: #f60000;}
|
|
|
|
|
- .item-line{width: 1rpx;height: 120rpx;background: #f3f5f9;}
|
|
|
|
|
|
|
+ .login-body-box{
|
|
|
|
|
+ display: flex;flex-direction: column;align-items: center;margin: 160rpx auto 0;
|
|
|
}
|
|
}
|
|
|
- .dycs-btn-box{
|
|
|
|
|
- display: flex;justify-content: center;margin-top: 64rpx;
|
|
|
|
|
- .cxcs-btn,.ckda-btn{
|
|
|
|
|
- width: 275rpx;height: 88rpx;line-height: 88rpx;@include ezy-no-repeat-cover;
|
|
|
|
|
- text-align: center;color: #fff;font-size: 32rpx;margin: 0 10rpx;
|
|
|
|
|
|
|
+ .login-btn{width: 655rpx;height: 92rpx;line-height: 92rpx;text-align: center;font-size:32rpx;
|
|
|
|
|
+ margin-top: 84rpx;@include ezy-no-repeat-cover;font-weight: bold;}
|
|
|
|
|
+ /***** 输入手机号页面*****/
|
|
|
|
|
+ .phone-input-box{
|
|
|
|
|
+ width: 662rpx;height: 122rpx;
|
|
|
|
|
+ display: flex;align-items: center;@include ezy-no-repeat-cover;
|
|
|
|
|
+ background-image: url("@/static/images/login/login-tel-bj.png");
|
|
|
|
|
+ .phone-prefix {
|
|
|
|
|
+ width: 90rpx;margin-left:18rpx;font-size: 38rpx;color: #ffffffd9;
|
|
|
|
|
+ font-weight: normal;display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;
|
|
|
}
|
|
}
|
|
|
- .cxcs-btn{background-image: url("@/static/images/exam/shiti-btn-blue-bj.png");}
|
|
|
|
|
- .ckda-btn{background-image: url("@/static/images/exam/shiti-btn-orange-bj.png");}
|
|
|
|
|
- }
|
|
|
|
|
- @media (max-height: 700px) {
|
|
|
|
|
- .dycs-img{margin: 64rpx auto 16rpx;}
|
|
|
|
|
- .dycs-fenshu-box{margin: 46rpx auto;}
|
|
|
|
|
- .dycs-btn-box{margin-top: 36rpx;}
|
|
|
|
|
|
|
+ .phone-prefix::after{content: '';width: 1rpx;height: 40rpx;display: inline-block;background-color: #ffffffd9;}
|
|
|
|
|
+ .phone-input {font-size: 38rpx;padding: 0 30rpx;box-sizing: border-box;color: #fff;flex: 1;overflow: hidden;}
|
|
|
|
|
+ .uni-input-placeholder {font-size: 34rpx;color: #ffffffd9;
|
|
|
|
|
+ }
|
|
|
|
|
+ .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;}
|
|
|
}
|
|
}
|
|
|
-}
|
|
|
|
|
|
|
|
|
|
-// 学习大纲
|
|
|
|
|
-.xuexi-dagang-page{
|
|
|
|
|
- width: 100%;height: 95vh;border-radius: 16rpx 16rpx 0 0;
|
|
|
|
|
- background-color: #fff;box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.2);
|
|
|
|
|
- display: flex;flex-direction: column;
|
|
|
|
|
- box-sizing: border-box;padding: 36rpx 0 0;
|
|
|
|
|
- .xuexi-dagang-body{overflow-y: auto;padding: 24rpx 0 0;}
|
|
|
|
|
- .dagang-title{
|
|
|
|
|
- width: 80%;line-height: 1.5;margin: 24rpx auto 0;
|
|
|
|
|
- text-align: center;font-size: 36rpx;color: #000;position: relative;
|
|
|
|
|
- icon{
|
|
|
|
|
- width: 100rpx;height: 100rpx;display: flex;align-items: center;justify-content: center;
|
|
|
|
|
- position: absolute;right: -13%;top: -60rpx;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ .agreement-checkbox-box {
|
|
|
|
|
+ display: flex;justify-content: center;margin-top: 32rpx;line-height: 1;margin-left: -42rpx;
|
|
|
|
|
+ uni-checkbox-group{font-size: 0;}
|
|
|
|
|
+ .agreement-checkbox-input{width: 80rpx;height: 80rpx;border: 0;font-size: 0;}
|
|
|
|
|
+ .uni-checkbox-input{
|
|
|
|
|
+ width: 80rpx;height: 80rpx;border: 0;background-color: unset;position: relative;
|
|
|
|
|
+ svg {
|
|
|
|
|
+ width: 19rpx;height: 19rpx;top: 32rpx;left: 48rpx;display: block;
|
|
|
|
|
+ background-color: #379af8;border-radius: 999rpx;transform: unset;position: absolute;
|
|
|
|
|
+ path{display: none;}
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .uni-checkbox-input::before{
|
|
|
|
|
+ content: '';width: 31rpx;height: 31rpx;border: 1rpx solid #379af8;border-radius: 999rpx;
|
|
|
|
|
+ box-sizing: border-box;position: absolute;top: 26rpx;left: 42rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ .agreement-text-box {
|
|
|
|
|
+ color: #333;font-size: 28rpx;flex-direction: row;display: flex;align-items: center;
|
|
|
|
|
+ .agreement-text{color: #379af8;display: contents;}
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .login-btn-disabled{background-image: url("@/static/images/login/login-btn-bj-disabled.png");color:#999b9a;}
|
|
|
|
|
+ .login-btn-normal{background-image: url("@/static/images/login/login-btn-bj.png");color:#fff;}
|
|
|
|
|
+ .bottom-btn-box{
|
|
|
|
|
+ position: absolute;bottom:8%;left: 50%;transform: translateX(-50%);
|
|
|
|
|
+ .bottom-tip{color: #999;font-size: 28rpx;text-align: center;margin-bottom: 60rpx;}
|
|
|
|
|
+ .btn-box{
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ .wx-btn,.yk-btn,.apple-btn{
|
|
|
|
|
+ width: 170rpx;display: flex;align-items: center;flex-direction: column;
|
|
|
|
|
+ color: #666;font-size: 26rpx;
|
|
|
|
|
+ icon{width: 50rpx;height: 42rpx;@include ezy-no-repeat-cover;margin-bottom: 12rpx;}
|
|
|
|
|
+ }
|
|
|
|
|
+ .wx-btn icon{background-image: url("@/static/images/login/login-wx-btn.jpg");}
|
|
|
|
|
+ .yk-btn icon{background-image: url("@/static/images/login/login-yk-btn.jpg");}
|
|
|
|
|
+ .apple-btn icon{background-image: url("@/static/images/login/login-apple-btn.jpg");}
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /***** 输入验证码页面*****/
|
|
|
|
|
+ .yzm-nav-bar-icon{z-index: 99;}
|
|
|
|
|
+ .yzm-show{width: 662rpx;font-size: 30rpx;color: #666;margin: 0 0 24rpx 12rpx;}
|
|
|
|
|
+ .yzm-btn{margin-top: 42rpx;}
|
|
|
|
|
+ .cxfs-btn{font-size: 30rpx;color: #3257b9;display: inline-block;margin: 60rpx auto 160rpx;}
|
|
|
|
|
+ .cxfs-btn-disabled{color: #777;}
|
|
|
|
|
+ .login-text{
|
|
|
|
|
+ font-size: 30rpx;color: #888;margin: 16rpx auto 0 56rpx;
|
|
|
|
|
+ text{color: #64a8e3;}
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ /* 针对小屏幕设备 */
|
|
|
|
|
+ @media (max-height: 750px) {
|
|
|
|
|
+ padding-top: 200rpx;
|
|
|
|
|
+ .login-body-box{margin: 100rpx auto 0; }
|
|
|
|
|
+ .login-btn{margin-top: 56rpx;}
|
|
|
|
|
+ // 验证码
|
|
|
|
|
+ .yzm-btn{margin-top: 36rpx;}
|
|
|
|
|
+ }
|
|
|
|
|
+ @media (max-height: 650px) {
|
|
|
|
|
+ padding-top: 180rpx;
|
|
|
|
|
+ .login-body-box{margin: 60rpx auto 0; }
|
|
|
|
|
+ .login-btn{margin-top: 32rpx;}
|
|
|
|
|
+ .bottom-btn-box{
|
|
|
|
|
+ bottom: 5%;
|
|
|
|
|
+ .bottom-tip{margin-bottom: 32rpx;}
|
|
|
|
|
+ }
|
|
|
|
|
+ // 验证码
|
|
|
|
|
+ .cxfs-btn{margin: 32rpx auto 52rpx;}
|
|
|
|
|
+ }
|
|
|
|
|
+ @media (max-height: 550px) {
|
|
|
|
|
+ min-height: 1100rpx;
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+// 用户协议弹窗
|
|
|
|
|
+.agree-sections-dialog{
|
|
|
|
|
+ width: 700rpx;height: 490rpx;padding: 80rpx 0 42rpx;box-sizing: border-box;text-align: center;margin-bottom: 26%;
|
|
|
|
|
+ background-image: url("@/static/images/login/agree-dialog-bg.png");@include ezy-no-repeat-cover;
|
|
|
|
|
+ .agree-title{color:#111;font-size: 40rpx;}
|
|
|
|
|
+ .agree-tip{color:#666;font-size: 30rpx;margin-top: 46rpx;}
|
|
|
|
|
+ .confirm-btn{width: 588rpx;height: 92rpx;@include ezy-no-repeat-cover;margin: 42rpx auto 0;
|
|
|
|
|
+ background-image: url("@/static/images/login/agree-dialog-btn.png");}
|
|
|
|
|
+ .not-confirm-btn{color:#888;font-size: 32rpx;padding: 32rpx 0 0;display: inline-block;}
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+// 用户协议详情弹窗
|
|
|
|
|
+.agree-content-dialog{
|
|
|
|
|
+ width: 100%;height: 100vh;background-color: #fff;display: flex;flex-direction: column;
|
|
|
|
|
+ .agree-content-box{
|
|
|
|
|
+ width: 95%;display: flex;flex-direction: column;flex: 1;overflow-y: auto;
|
|
|
|
|
+ padding: 36rpx 0;box-sizing: border-box;margin: 20rpx auto 0;
|
|
|
|
|
+ position: relative;text-align: justify;border-radius: 16rpx 16rpx 0 0;
|
|
|
|
|
+ background-color: #fff;box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1);
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+ .agree-title{font-size: 42rpx;text-align: center;margin-bottom: 42rpx;flex-shrink: 0;}
|
|
|
|
|
+ .agree-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");}
|
|
|
|
|
+ .agree-section-box{font-size: 30rpx;line-height: 1.8;overflow: auto;flex: 1;padding: 0 46rpx;word-break: break-all;}
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+// 学习大纲
|
|
|
|
|
+.xuexi-dagang-page{
|
|
|
|
|
+ width: 100%;height: 95vh;border-radius: 16rpx 16rpx 0 0;
|
|
|
|
|
+ background-color: #fff;box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.2);
|
|
|
|
|
+ display: flex;flex-direction: column;
|
|
|
|
|
+ box-sizing: border-box;padding: 36rpx 0 0;
|
|
|
|
|
+ .xuexi-dagang-body{overflow-y: auto;padding: 24rpx 0 0;}
|
|
|
|
|
+ .dagang-title{
|
|
|
|
|
+ width: 80%;line-height: 1.5;margin: 24rpx auto 0;
|
|
|
|
|
+ text-align: center;font-size: 36rpx;color: #000;position: relative;
|
|
|
|
|
+ icon{
|
|
|
|
|
+ width: 100rpx;height: 100rpx;display: flex;align-items: center;justify-content: center;
|
|
|
|
|
+ position: absolute;right: -13%;top: -60rpx;
|
|
|
|
|
+ }
|
|
|
icon::after{
|
|
icon::after{
|
|
|
content: '';width: 52rpx;height: 52rpx;@include ezy-no-repeat-cover;
|
|
content: '';width: 52rpx;height: 52rpx;@include ezy-no-repeat-cover;
|
|
|
background-image: url("@/static/images/common/close-icon.png");
|
|
background-image: url("@/static/images/common/close-icon.png");
|
|
@@ -2037,30 +1932,6 @@
|
|
|
top: 0;z-index: 10;background-color: #fff;border-radius: 16rpx 16rpx 0 0;
|
|
top: 0;z-index: 10;background-color: #fff;border-radius: 16rpx 16rpx 0 0;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- // 切换单元
|
|
|
|
|
- /* .change-dy-box{
|
|
|
|
|
- width: 100%;position: relative;display: flex;margin-bottom: 12rpx;
|
|
|
|
|
- background-color: #fff;flex-shrink: 0;
|
|
|
|
|
- .arrow-icon{
|
|
|
|
|
- width: 50%;height: 100rpx;position: absolute;
|
|
|
|
|
- display: flex;align-items: center;
|
|
|
|
|
- }
|
|
|
|
|
- .left-icon{left: 24rpx;justify-content: flex-start;}
|
|
|
|
|
- .right-icon{right: 24rpx;justify-content: flex-end;}
|
|
|
|
|
- .arrow-icon::after{
|
|
|
|
|
- content: '';width: 56rpx;height: 56rpx;@include ezy-no-repeat-cover;display: block;
|
|
|
|
|
- background-image: url("@/static/images/xuexi/jt-a-icon.png");
|
|
|
|
|
- }
|
|
|
|
|
- .left-icon::after{transform: rotate(180deg);}
|
|
|
|
|
- .disabled::after{background-image: url("@/static/images/xuexi/jt-disabled-icon.png");}
|
|
|
|
|
- .left-icon.disabled::after{transform: unset;}
|
|
|
|
|
- .right-icon.disabled::after{transform: rotate(180deg);}
|
|
|
|
|
- .change-dy-content{
|
|
|
|
|
- width: 76%;margin: 0 auto;font-size: 32rpx;color: #3fa5ff;line-height: 1.6;
|
|
|
|
|
- min-height: 100rpx;text-align: center;
|
|
|
|
|
- }
|
|
|
|
|
- } */
|
|
|
|
|
-
|
|
|
|
|
// 学习记录
|
|
// 学习记录
|
|
|
.xxjl-card-box{
|
|
.xxjl-card-box{
|
|
|
width: 692rpx;margin: 0 auto 24rpx;padding: 72rpx 24rpx 24rpx 24rpx;box-sizing: border-box;
|
|
width: 692rpx;margin: 0 auto 24rpx;padding: 72rpx 24rpx 24rpx 24rpx;box-sizing: border-box;
|
|
@@ -2205,181 +2076,6 @@
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.ezy-xuexi-page3{
|
|
|
|
|
- width: 100%;height: 100vh;background-color: #fff;display: flex;flex-direction: column;
|
|
|
|
|
- .xuexi-page-body{padding:0 0 100rpx;overflow-y: auto;border-radius: 0;position: relative;}
|
|
|
|
|
- // 4
|
|
|
|
|
- // .xxjl-card-box-padding{padding-top: 46rpx;}
|
|
|
|
|
- .xxjl-card-box-padding{padding-top: 64rpx;}
|
|
|
|
|
- .xx-scroll-view{position: relative;}
|
|
|
|
|
-
|
|
|
|
|
- .item-dy-box{
|
|
|
|
|
- display: flex;align-items: center;justify-content: center;
|
|
|
|
|
- color: #fff;margin-bottom: 24rpx;
|
|
|
|
|
- .item-dy-body{display: flex;align-items: center;justify-content: center;}
|
|
|
|
|
- .dy-left-box{
|
|
|
|
|
- width: 174rpx;height: 127rpx;@include ezy-no-repeat-cover;font-size: 64rpx;
|
|
|
|
|
- display: flex;align-items: center;box-sizing: border-box;padding:0 24rpx;
|
|
|
|
|
- background-image: url("@/static/images/xuexi/xx-ml-left.png");
|
|
|
|
|
- }
|
|
|
|
|
- .dy-left-box::after{
|
|
|
|
|
- content: '';width: 32rpx;height: 34rpx;@include ezy-no-repeat-cover;margin-left: auto;
|
|
|
|
|
- background-image: url("@/static/images/xuexi/xx-ml-jt.png");display: block;
|
|
|
|
|
- }
|
|
|
|
|
- .dy-right-box{
|
|
|
|
|
- width: 518rpx;height: 127rpx;@include ezy-no-repeat-cover;
|
|
|
|
|
- display: flex;align-items: flex-start;flex-direction: column;justify-content: center;
|
|
|
|
|
- box-sizing: border-box;padding:0 24rpx;font-size: 28rpx;
|
|
|
|
|
- background-image: url("@/static/images/xuexi/xx-ml-right.png");
|
|
|
|
|
- .right-content{width: 100%;height: 90rpx;overflow: hidden;}
|
|
|
|
|
- .right-default{width: 100%;height: 90rpx;line-height: 90rpx;font-size: 36rpx;}
|
|
|
|
|
- .dy-name{font-size: 34rpx;margin-bottom: 6rpx;}
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- .item-fixed{
|
|
|
|
|
- width: 100%;padding: 24rpx 0;transition: opacity 0.2s ease-in-out;
|
|
|
|
|
- position:sticky;position:-webkit-sticky;margin-bottom: 0;
|
|
|
|
|
- top: 0;z-index: 10;background-color: #fff;border-radius: 16rpx 16rpx 0 0;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- // 学习记录
|
|
|
|
|
- .xxjl-card-box{
|
|
|
|
|
- width: 95%;margin: 0 auto 0;padding: 72rpx 24rpx 24rpx 24rpx;box-sizing: border-box;
|
|
|
|
|
- background-color: #5795f6;border-radius: 16rpx;position: relative;
|
|
|
|
|
- .card-body-box{
|
|
|
|
|
- display: flex;
|
|
|
|
|
- img{width: 190rpx;height: 242rpx;border-radius: 16rpx;border: 1rpx solid #a8c3e9;}
|
|
|
|
|
- .body-right{
|
|
|
|
|
- color: #c8e4f8;margin-left: 24rpx;font-size: 30rpx;
|
|
|
|
|
- view{margin: 8rpx 0;}
|
|
|
|
|
- .right-name{font-size: 34rpx;color: #fff;}
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- .card-progress-box{
|
|
|
|
|
- display: flex;align-items: center;
|
|
|
|
|
- .xx-progress-box{flex: 1;margin-right: 64rpx;color: #fff;font-size: 28rpx;}
|
|
|
|
|
- .xx-progress{border-radius: 40rpx;overflow: hidden;margin-top: 10rpx;}
|
|
|
|
|
- .jxxx-btn{
|
|
|
|
|
- width: 177rpx;height: 89rpx;@include ezy-no-repeat-cover;margin-right: 24rpx;
|
|
|
|
|
- background-image: url("@/static/images/xuexi/jx-xx-btn.png");
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- .xxjl-card-box::before{
|
|
|
|
|
- content: '学习记录';width: 289rpx;height: 77rpx;line-height: 77rpx;@include ezy-no-repeat-cover;
|
|
|
|
|
- background-image: url("@/static/images/xuexi/xx-jl-bj.png");display: block;
|
|
|
|
|
- position: absolute;top: -28rpx;text-align: center;color: #fff;font-size: 34rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- // 学习进度
|
|
|
|
|
- .xx-jd-box{
|
|
|
|
|
- border-radius: 16rpx;margin: 0 24rpx 32rpx;padding: 32rpx;
|
|
|
|
|
- box-shadow: 0 0rpx 6rpx rgba(100, 159, 241, 0.3);
|
|
|
|
|
- .xx-progress-btn-box{
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- display: flex;align-items: center;justify-content: space-between;
|
|
|
|
|
- }
|
|
|
|
|
- .xx-progress-box{
|
|
|
|
|
- flex: 1;font-size: 32rpx;color: #333;margin-right: 42rpx;
|
|
|
|
|
- .xx-progress{border-radius: 20rpx;overflow: hidden;margin-top: 16rpx;}
|
|
|
|
|
- }
|
|
|
|
|
- .jxxx-btn{
|
|
|
|
|
- width: 217rpx;height: 85rpx;display: block;@include ezy-no-repeat-cover;
|
|
|
|
|
- background-image: url("@/static/images/xuexi/jxxx-icon.png");flex-shrink: 0;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- //学习进度按钮
|
|
|
|
|
- .jd-item-box{
|
|
|
|
|
- display: flex;border-top: 1rpx dashed #97dbf8;margin-top: 32rpx;padding-top: 32rpx;
|
|
|
|
|
- icon{width:54rpx;height: 54rpx;@include ezy-no-repeat-cover;
|
|
|
|
|
- position: relative;margin-right: 52rpx;}
|
|
|
|
|
- icon::before{
|
|
|
|
|
- content: '';width: 1rpx;height: 70rpx;background-color: #fff;display: block;
|
|
|
|
|
- position: absolute;right: -24rpx;top: -10rpx;
|
|
|
|
|
- }
|
|
|
|
|
- .dydg-icon{background-image: url("@/static/images/xuexi/dy-dg-icon.png");}
|
|
|
|
|
- .dyml-icon{background-image: url("@/static/images/xuexi/kc-ml-icon.png");}
|
|
|
|
|
- .jd-item-btn{
|
|
|
|
|
- background-color: #ddf7ff;border-radius: 16rpx;flex: 1;text-align: center;
|
|
|
|
|
- box-sizing: border-box;padding: 24rpx;display: flex;align-items: center;}
|
|
|
|
|
- .jd-item-btn:first-child{margin-right: 24rpx;}
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- // 学习目录
|
|
|
|
|
- .xx-item-list{
|
|
|
|
|
- // 4
|
|
|
|
|
- padding-bottom: 16rpx;
|
|
|
|
|
- .xx-item-title{text-align: center;margin: 32rpx 0;font-size: 32rpx;color: #444;}
|
|
|
|
|
- .xx-more-btn{
|
|
|
|
|
- width: 630rpx;height: 89rpx;@include ezy-no-repeat-cover;margin: 0 auto 32rpx;
|
|
|
|
|
- background-image: url("@/static/images/xuexi/more-btn.png");
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /* 定义放大动画 */
|
|
|
|
|
- @keyframes scalePulse {
|
|
|
|
|
- 0% {
|
|
|
|
|
- transform: scale(1);
|
|
|
|
|
- }
|
|
|
|
|
- 50% {
|
|
|
|
|
- transform: scale(1.05);
|
|
|
|
|
- }
|
|
|
|
|
- 100% {
|
|
|
|
|
- transform: scale(1);
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /* 定义显隐动画 */
|
|
|
|
|
- @keyframes opacityPulse {
|
|
|
|
|
- 0% {
|
|
|
|
|
- opacity: 1;
|
|
|
|
|
- }
|
|
|
|
|
- 90% {
|
|
|
|
|
- opacity: 0.2;
|
|
|
|
|
- }
|
|
|
|
|
- 100% {
|
|
|
|
|
- opacity: 1;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .xx-item-box{
|
|
|
|
|
- width: 691rpx;height: 172rpx;
|
|
|
|
|
- display: flex;align-items: center;justify-content: space-between;color: #4b4b4b;;
|
|
|
|
|
- margin: 0 auto 24rpx;box-sizing: border-box;padding: 20rpx;border-radius: 12rpx;
|
|
|
|
|
- line-height: 1.5;font-size: 32rpx;position: relative;@include ezy-no-repeat-cover;
|
|
|
|
|
- background-image: url("@/static/images/xuexi/xx-ml-bj.png");
|
|
|
|
|
- img{width: 120rpx;height: 120rpx;border-radius: 12rpx;margin-right: 24rpx;}
|
|
|
|
|
- .xx-item-status{
|
|
|
|
|
- width: 89rpx;height: 87rpx;@include ezy-no-repeat-cover;
|
|
|
|
|
- position: absolute;top:2rpx;left: 0;
|
|
|
|
|
- }
|
|
|
|
|
- .completed-status{background-image: url("@/static/images/xuexi/xw-status.png");}
|
|
|
|
|
- .xx-text-box{flex: 1;}
|
|
|
|
|
- .xx-item-btn{
|
|
|
|
|
- width: 77rpx;height: 77rpx;@include ezy-no-repeat-cover;
|
|
|
|
|
- background-image: url("@/static/images/xuexi/xx-ml-play-icon.png");
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- .xx-disabled-item-box{
|
|
|
|
|
- background-image: url("@/static/images/xuexi/xx-ml-disabled-bj.png");
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .xx-next-btn{
|
|
|
|
|
- width: 655rpx;height: 92rpx;line-height: 92rpx;margin: 32rpx auto;
|
|
|
|
|
- font-size: 32rpx;color: #fff;text-align: center;@include ezy-no-repeat-cover;
|
|
|
|
|
- background-image: url("@/static/images/login/login-btn-bj.png");
|
|
|
|
|
- }
|
|
|
|
|
- .xx-xw-text{text-align: center;font-size: 32rpx;color: #666;margin: 32rpx auto;}
|
|
|
|
|
- // 回到顶部
|
|
|
|
|
- .go-top-btn{
|
|
|
|
|
- width: 77rpx;height: 77rpx;@include ezy-no-repeat-cover;
|
|
|
|
|
- background-image: url("@/static/images/xuexi/go-top-btn.png");
|
|
|
|
|
- position: fixed;z-index: 9;bottom: 300rpx;right:10rpx;
|
|
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
// 单元目录
|
|
// 单元目录
|
|
|
.xuexi-dyml-page{
|
|
.xuexi-dyml-page{
|
|
|
width: 100%;height: 92vh;border-radius: 16rpx 16rpx 0 0;
|
|
width: 100%;height: 92vh;border-radius: 16rpx 16rpx 0 0;
|
|
@@ -2476,6 +2172,85 @@
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+// 考试页
|
|
|
|
|
+.ezy-exam-page{
|
|
|
|
|
+ width: 100%;height: 100vh;background-color: #f9f9fb;position: relative;
|
|
|
|
|
+ display: flex;flex-direction: column;
|
|
|
|
|
+ .exam-body{
|
|
|
|
|
+ z-index: 1;position: relative;flex: 1;display: flex;flex-direction: column;
|
|
|
|
|
+ }
|
|
|
|
|
+ .xx-jd-box{
|
|
|
|
|
+ width: 95%;background-color: #fff;box-shadow: 0 0rpx 4rpx rgba(100, 159, 241, 0.2);
|
|
|
|
|
+ border-radius: 16rpx;box-sizing: border-box;padding:36rpx 36rpx 42rpx;margin: 20rpx auto 0;
|
|
|
|
|
+ .xx-row{display: flex;justify-content: space-between;align-items: center;margin-bottom: 24rpx;}
|
|
|
|
|
+ .text-row{color: #5d5e61;}
|
|
|
|
|
+ .dq-jd-text{color: #5693f5;font-size: 52rpx;}
|
|
|
|
|
+ .dq-jd-line{margin: 0 6rpx;}
|
|
|
|
|
+ }
|
|
|
|
|
+ .exam-progress-box{border-radius: 20rpx;overflow: hidden;}
|
|
|
|
|
+ .ezy-exam-swiper{
|
|
|
|
|
+ width: 100%;flex: 1;z-index: 2;margin: 0 auto;
|
|
|
|
|
+ uni-swiper-item{overflow-y: auto;}
|
|
|
|
|
+ .uni-swiper-slides{left: -2rpx;right: -2rpx;}
|
|
|
|
|
+ }
|
|
|
|
|
+ .exam-submit-btn{
|
|
|
|
|
+ width: 87rpx;height: 125rpx;@include ezy-no-repeat-cover;z-index: 2;
|
|
|
|
|
+ background-image: url("@/static/images/exam/submit-btn.png");margin: 10rpx 42rpx 0 auto;
|
|
|
|
|
+ }
|
|
|
|
|
+ .tip-mask-box{
|
|
|
|
|
+ width: 100%;height: 100vh;position: relative;position: absolute;top: 0;left: 0;z-index: 3;
|
|
|
|
|
+ }
|
|
|
|
|
+ .swiper-tip-box{
|
|
|
|
|
+ font-size: 30rpx;color: #5989e2;justify-content: center;margin-top: 16rpx;
|
|
|
|
|
+ display: flex;flex-direction: row;align-items: center;
|
|
|
|
|
+ }
|
|
|
|
|
+ .swiper-tip-box::before,.swiper-tip-box::after{
|
|
|
|
|
+ content: '';width: 12rpx;height: 26rpx;display: block;
|
|
|
|
|
+ background-image: url("@/static/images/common/h-jt-icon.png");@include ezy-no-repeat-cover;
|
|
|
|
|
+ }
|
|
|
|
|
+ .swiper-tip-box::before{transform: rotate(180deg);margin-right: 32rpx;}
|
|
|
|
|
+ .swiper-tip-box::after{margin-left: 32rpx;}
|
|
|
|
|
+ .shiti-jj-btn{
|
|
|
|
|
+ width: 630rpx;height: 88rpx;@include ezy-no-repeat-cover;margin: 10rpx auto;
|
|
|
|
|
+ background-image: url("@/static/images/exam/shiti-jj-btn.png");
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+// 单元测试
|
|
|
|
|
+.dycs-dialog{
|
|
|
|
|
+ width: 100%;height: 100vh;background-color: #fff;display: flex;flex-direction: column;
|
|
|
|
|
+ .dycs-body{overflow-y: auto;}
|
|
|
|
|
+ .dycs-img{
|
|
|
|
|
+ width: 430rpx;height: 350rpx;margin: 92rpx auto 32rpx;flex-shrink: 0;
|
|
|
|
|
+ background-image: url("@/static/images/exam/shiti-dialog-img.png");@include ezy-no-repeat-cover;
|
|
|
|
|
+ }
|
|
|
|
|
+ .dycs-tip{
|
|
|
|
|
+ text-align: center;color: #333;font-size: 35rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ .dycs-fenshu-box{
|
|
|
|
|
+ width: 560rpx;margin: 72rpx auto;padding: 42rpx 32rpx;box-shadow: 0 0rpx 8rpx rgba(100, 159, 241, 0.3);
|
|
|
|
|
+ display: flex;justify-content: center;align-items: center;border-radius: 12rpx;font-size: 32rpx;
|
|
|
|
|
+ .fenshu-item-box{width: 49%;text-align: center;font-size: 32rpx;color: #333;}
|
|
|
|
|
+ .item-number{font-size: 56rpx;margin-bottom: 10rpx;}
|
|
|
|
|
+ .red-number{color: #f60000;}
|
|
|
|
|
+ .item-line{width: 1rpx;height: 120rpx;background: #f3f5f9;}
|
|
|
|
|
+ }
|
|
|
|
|
+ .dycs-btn-box{
|
|
|
|
|
+ display: flex;justify-content: center;margin-top: 64rpx;
|
|
|
|
|
+ .cxcs-btn,.ckda-btn{
|
|
|
|
|
+ width: 275rpx;height: 88rpx;line-height: 88rpx;@include ezy-no-repeat-cover;
|
|
|
|
|
+ text-align: center;color: #fff;font-size: 32rpx;margin: 0 10rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ .cxcs-btn{background-image: url("@/static/images/exam/shiti-btn-blue-bj.png");}
|
|
|
|
|
+ .ckda-btn{background-image: url("@/static/images/exam/shiti-btn-orange-bj.png");}
|
|
|
|
|
+ }
|
|
|
|
|
+ @media (max-height: 700px) {
|
|
|
|
|
+ .dycs-img{margin: 64rpx auto 16rpx;}
|
|
|
|
|
+ .dycs-fenshu-box{margin: 46rpx auto;}
|
|
|
|
|
+ .dycs-btn-box{margin-top: 36rpx;}
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
// 资料
|
|
// 资料
|
|
|
.ezy-ziliao-page{
|
|
.ezy-ziliao-page{
|
|
|
width: 100%;height: 100vh;display: flex;flex-direction: column;
|
|
width: 100%;height: 100vh;display: flex;flex-direction: column;
|