From 15498494b0921e3d514a0b34fae27288d78dacf6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E8=88=AA?= <icho.yang@scai-global.com>
Date: Thu, 15 Jan 2026 15:38:03 +0800
Subject: [PATCH] =?UTF-8?q?JLBA202505130001=5F=E5=85=B3=E4=BA=8E=E5=90=89?=
 =?UTF-8?q?=E6=9E=97=E9=93=B6=E8=A1=8C=E6=96=B0=E5=BB=BAAI=E6=99=BA?=
 =?UTF-8?q?=E8=83=BD=E5=9F=B9=E8=AE=AD=E7=B3=BB=E7=BB=9F=E7=9A=84=E9=9C=80?=
 =?UTF-8?q?=E6=B1=82=5Ffix:=20=E5=AD=A6=E4=B9=A0=E8=BF=9B=E5=BA=A6?=
 =?UTF-8?q?=E6=9D=A1=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/course/study.vue | 54 ++++++++++++++++++++++++++++----------
 1 file changed, 40 insertions(+), 14 deletions(-)

diff --git a/src/pages/course/study.vue b/src/pages/course/study.vue
index dcdcc845..85955203 100644
--- a/src/pages/course/study.vue
+++ b/src/pages/course/study.vue
@@ -47,13 +47,13 @@
         课程学习
       </view>
       <view class="study-num">
-        <view class="color-blue">{{ showOrder }}</view>
+        <view  class="color-black ml-40">学习中<text class="color-gray">（<text class="color-black">{{ showOrder }}</text>/{{ pgrphNum }}）</text></view>
         <view class="bg-block">
 					<view class="bg-gray">
 						<view class="bg-blue" :style="`width: ${showOrder/pgrphNum * 100}%;`"></view>
 					</view>
 				</view>
-        <text>{{ pgrphNum }}</text>
+        
 				
       </view>
       <scroll-view class="talking-list" :scroll-y="true" :scroll-top="scrollTop" :show-scrollbar="false" :scroll-with-animation="true">
@@ -1319,38 +1319,64 @@ const chooseRateNow = item => {
     }
 
     .study-num {
-      height: 56rpx;
+      height: 110rpx;
       line-height: 46rpx;
 			font-size: 36rpx;
-      text-align: center;
-      padding-top: 10rpx;
+      text-align: left;
+			padding-left: 30rpx;
+			padding-right: 30rpx;
+      padding-top: 20rpx;
 			box-sizing: border-box;
       background: url(@/static/images/course/study-bg.png) no-repeat;
       border-radius: 30rpx 30rpx 0 0;
-			display: flex;
-			flex-direction: row;
-			justify-content: center;
+			font-size: 29rpx;
       .color-blue {
         color: #06f;
         display: inline;
       }
+			.color-black{
+				color: #333;
+				position: relative;
+				height: 44rpx;
+				line-height: 44rpx;
+				&.ml-40{
+					padding-left: 24rpx;
+					
+					&::before{
+						content: '';
+						display: block;
+						width: 12rpx;
+						height: 12rpx;
+						overflow: hidden;
+						position: absolute;
+						border-radius: 50%;
+						background-color: #06f;
+						top: 50%;
+						left: 0;
+						transform: translateY(-50%);
+					}
+				}
+			}
+			.color-gray{
+				color: #999;
+			}
 			.bg-block{
-				display: inline-block;
-				width: 200rpx;
-				height: 100%;
+				display: block;
+				width: 100%;
+				height: 56rpx;
 				// padding: 4rpx 0 12rpx;
 				position: relative;
-				margin: 0 30rpx;
+				// margin: 0 30rpx;
 			}
 			.bg-gray{
 				width: 100%;
-				background-color: #e6eafd;
+				background-color: #ededed;
 				overflow: hidden;
 				border-radius: 15rpx;
 				position: absolute;
 				top: 13rpx;
 				left:0;
-				height: 20rpx;
+				height: 16rpx;
 				.bg-blue{
 					height: 100%;
 					float: left;