JLBA202505130001_关于吉林银行新建AI智能培训系统的需求_学习中新增进度条

.env.development.yh

@@ -2,9 +2,9 @@
 ENV = 'development.yh'
 # 'development.yh'
 
-VITE_APP_BASE_H5_API_Url = 'http://25.18.122.65:7001'
+# VITE_APP_BASE_H5_API_Url = 'http://25.18.122.65:7001'
 
-# VITE_APP_BASE_H5_API_Url = 'http://25.18.122.91:9786'
+VITE_APP_BASE_H5_API_Url = 'http://25.18.122.91:9786'
 # VITE_APP_BASE_H5_API_Url = 'http://25.18.122.78:9786'
 # VITE_APP_BASE_API_Url = 'https://aitstest.jlbank.com.cn:7002'
 # VITE_APP_BASE_H5_API_Url_TRAEXAM = 'http://25.64.32.154:9604'

src/pages/course/study.vue

@@ -48,7 +48,13 @@
       </view>
       <view class="study-num">
         <view class="color-blue">{{ showOrder }}</view>
-        / {{ pgrphNum }}
+        <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">
         <!-- <view class="talking-list-cont" id="scroll-box" ref="scrollBoxRef"> -->
@@ -1292,19 +1298,44 @@ const chooseRateNow = item => {
     }
 
     .study-num {
-      height: 36rpx;
-      line-height: 36rpx;
+      height: 56rpx;
+      line-height: 46rpx;
+			font-size: 36rpx;
       text-align: center;
-      padding-top: 20rpx;
-      padding-bottom: 10rpx;
-      box-sizing: content-box;
+      padding-top: 10rpx;
+			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;
       .color-blue {
         color: #06f;
         display: inline;
       }
+			.bg-block{
+				display: inline-block;
+				width: 200rpx;
+				height: 100%;
+				// padding: 4rpx 0 12rpx;
+				position: relative;
+				margin: 0 30rpx;
+			}
+			.bg-gray{
+				width: 100%;
+				background-color: #e6eafd;
+				overflow: hidden;
+				border-radius: 15rpx;
+				position: absolute;
+				top: 13rpx;
+				left:0;
+				height: 20rpx;
+				.bg-blue{
+					height: 100%;
+					float: left;
+					background-color: #06f;
+				}
+			}
     }
 
     .talking-list {