|
|
@@ -1997,6 +1997,7 @@
|
|
|
// 学习
|
|
|
.ezy-xuexi-page{
|
|
|
width: 100%;height: 100vh;background-color: #fff;display: flex;flex-direction: column;
|
|
|
+ .xuexi-page-body{padding-bottom: 100rpx;}
|
|
|
// 切换单元
|
|
|
.change-dy-box{
|
|
|
width: 100%;position: relative;display: flex;margin-bottom: 12rpx;
|
|
|
@@ -2027,39 +2028,67 @@
|
|
|
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{
|
|
|
- icon{}
|
|
|
- .dydg-icon{}
|
|
|
- .dyml-icon{}
|
|
|
+ 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{
|
|
|
- padding: 56rpx 0 32rpx;
|
|
|
- .xx-item-box{width: 690rpx;display: flex;align-items: center;border-radius: 12rpx;color: #4b4b4b;;
|
|
|
- margin: 0 auto 24rpx;box-sizing: border-box;padding: 20rpx;background-color: #fff;
|
|
|
- line-height: 1.5;font-size: 32rpx;
|
|
|
+ .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{}
|
|
|
- .xx-text-box{}
|
|
|
- .xx-item-btn{}
|
|
|
- .xx-lock-btn{}
|
|
|
+ .xx-item-status{
|
|
|
+ width: 89rpx;height: 87rpx;@include ezy-no-repeat-cover;
|
|
|
+ position: absolute;top:0;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;}
|
|
|
+
|
|
|
}
|
tanxue