|
|
@@ -1999,10 +1999,25 @@
|
|
|
width: 100%;height: 100vh;background-color: #fff;display: flex;flex-direction: column;
|
|
|
// 切换单元
|
|
|
.change-dy-box{
|
|
|
- .arrow-icon{}
|
|
|
- .left-icon{}
|
|
|
- .right-icon{}
|
|
|
- .change-dy-content{}
|
|
|
+ width: 100%;position: relative;
|
|
|
+ display: flex;
|
|
|
+ .arrow-icon{
|
|
|
+ width: 90rpx;height: 100rpx;position: absolute;
|
|
|
+ display: flex;align-items: center;justify-content: center;
|
|
|
+ }
|
|
|
+ .left-icon{left: 0;}
|
|
|
+ .right-icon{right: 0;}
|
|
|
+ .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;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
// 滚动
|
|
|
@@ -2010,6 +2025,8 @@
|
|
|
|
|
|
// 学习进度
|
|
|
.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{
|
|
|
|
|
|
}
|