JLBA202505130001_关于吉林银行新建AI智能培训系统的需求_修改进度条样式

src/pages/courseDetail/index.vue

@@ -26,24 +26,14 @@
 								src="/src/static/images/courseDetail/zhishidian.png"
 								mode="widthFix"
 							></image>
-							<view class="">知识点</view>
+							<view class="text-1">当前进度</view>
 						</view>
-
 						<view class="line-progress-div">
-							<view class="text-1">{{ form.styParaGraphNum || 0 }}</view>
+							<text class="text-2">(<text class="text-1">{{ form.styParaGraphNum || 0 }}</text>/{{ form.pgrphNum || 0 }})</text>
 							<view class="progress-div">
 								<view class="progress-line"></view>
 							</view>
-							<!-- <uv-line-progress
-								:percentage="progress"
-								:showText="false"
-								activeColor="#0066FF"
-								inactiveColor="#D9DEE8"
-								:height="8"
-							></uv-line-progress> -->
-							<view class="text-2">{{ form.pgrphNum || 0 }}</view>
 						</view>
-
 						<view
 							class="num-item examination"
 							@click="common.navigateTo(`/pages/examRanking/index?crsId=${crsId}`)"
@@ -453,7 +443,7 @@
 
 		.examination {
 			color: #0066ff;
-
+			margin: 0 14rpx;
 			.back-icon {
 				position: relative;
 				width: 40rpx;
@@ -541,9 +531,8 @@
 		display: flex;
 		align-items: center;
 		font-size: 30rpx;
-		margin-right: 16rpx;
-		color: #666666;
 		height: 30rpx;
+		
 	}
 	.line-progress-div {
 		display: flex;
@@ -551,14 +540,13 @@
 		flex: 1;
 		margin-right: 20rpx;
 		.text-1 {
-			color: #0066ff;
+			color: #333333;
 			font-size: 30rpx;
-			margin: 0 16rpx;
 		}
 		.text-2 {
 			color: #999999;
 			font-size: 30rpx;
-			margin: 0 16rpx;
+			margin: 0 8rpx;
 		}
 		.progress-div{
 			position: relative;