Browse Source

学习改版

tanxue 1 month ago
parent
commit
141033d607
2 changed files with 24 additions and 7 deletions
  1. 21 4
      common/styles/global/pages.scss
  2. 3 3
      pages/chanpinneirong/index.vue

+ 21 - 4
common/styles/global/pages.scss

@@ -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{
 			
 		}

+ 3 - 3
pages/chanpinneirong/index.vue

@@ -9,10 +9,10 @@
 				<view class="arrow-icon left-icon" :class="{ 'disabled': currentIndex == 0 }" @click="prev"> </view>
 				<!-- 显示内容 -->
 				<view class="change-dy-content">
-					<text>{{ danyuanInfo.danyuanName }}</text>
-					<text>{{ danyuanInfo.danyuanIntro }}</text>
+					<view>{{ danyuanInfo.danyuanName }}</view>
+					<view>{{ danyuanInfo.danyuanIntro }}</view>
 				</view>
-				<view class="arrow-icon right-icon" :class="{ 'disabled': currentIndex == list.length - 1 }" @click="next"> </view>
+				<view class="arrow-icon right-icon" @click="next"> </view>
 			</view>
 			<view class="xx-scroll-body">
 				<view class="xx-jd-box">