k线加载状态

pages/deepExploration/MainForceActions.vue

@@ -36,13 +36,14 @@
 						<text>{{stockAdd}}</text>
 					</view>
 					<view class="graph_content">
-						<view class="charts-box">
+						<view class="loadingGraph" v-show="graphLoading">加载中...</view>
+						<view class="charts-box" v-show="!graphLoading">
 							<!-- uCharts 蜡烛图组件 -->
 							<qiun-data-charts type="candle" :opts="opts" :chartData="chartData" :disableScroll="true"
 								:ontouch="true" :onzoom="true" :key="chartKey" />
 						</view>
-						<image @click.stop="showFullscreenKline" src="/static/deepExploration-images/kLineAll.png"
-							mode="aspectFill"></image>
+						<!-- <image @click.stop="showFullscreenKline" src="/static/deepExploration-images/kLineAll.png"
+							mode="aspectFill"></image> -->
 					</view>
 				</view>
 
@@ -135,6 +136,8 @@
 	const isLandscape = ref(true); // 是否横屏模式
 	const fullscreenChartKey = ref(0); // 全屏图表重绘标识
 
+	const graphLoading = ref(true)
+
 
 
 	// 显示全屏K线
@@ -245,7 +248,7 @@
 	//获取模型数据
 	const handleModels = async () => {
 		try {
-
+			graphLoading.value = true
 			if (userInfo.isVisitor) {
 				console.log('是游客');
 				loginPrompt.value.show()
@@ -479,6 +482,7 @@
 			chartData.value = {
 				...rawData
 			}
+			graphLoading.value = false
 			chartKey.value++;
 			console.log('chartData', chartData.value);
 		}
@@ -549,7 +553,7 @@
 			}
 		}
 	})
-	
+
 	// 全屏图表配置（继承原有配置并优化）
 	const fullscreenOpts = ref({
 		...opts.value, // 复用原有配置
@@ -849,6 +853,15 @@
 					.graph_content {
 						position: relative;
 						min-height: 500rpx;
+						display: flex;
+						justify-content: center;
+						align-items: center;
+
+						.loadingGraph {
+
+							font-size: 35rpx;
+							color: #6a6a6a;
+						}
 
 						image {
 							position: absolute;
@@ -865,20 +878,20 @@
 						}
 					}
 				}
-				
+
 				/* 横屏按钮样式 */
 				.rotate-btn {
 					background: transparent;
 					padding: 0 10rpx;
 					margin-left: 15rpx;
-					
+
 					.btn-icon {
 						width: 36rpx;
 						height: 36rpx;
 						vertical-align: middle;
 					}
 				}
-				
+
 				/* 全屏遮罩 */
 				.fullscreen-mask {
 					position: fixed;
@@ -892,47 +905,49 @@
 					justify-content: center;
 					align-items: center;
 				}
-				
+
 				/* 全屏容器 */
 				.fullscreen-container {
-					width: 100vh;  /* 横屏时宽度等于屏幕高度 */
-					height: 100vw; /* 横屏时高度等于屏幕宽度 */
+					width: 100vh;
+					/* 横屏时宽度等于屏幕高度 */
+					height: 100vw;
+					/* 横屏时高度等于屏幕宽度 */
 					transition: transform 0.3s ease;
 					position: relative;
 				}
-				
+
 				/* 关闭按钮 */
 				.fullscreen-close {
 					position: absolute;
 					top: 20rpx;
 					right: 20rpx;
 					z-index: 10;
-					
+
 					image {
 						width: 48rpx;
 						height: 48rpx;
 					}
 				}
-				
+
 				/* 旋转按钮 */
 				.fullscreen-rotate {
 					position: absolute;
 					top: 20rpx;
 					left: 20rpx;
 					z-index: 10;
-					
+
 					image {
 						width: 48rpx;
 						height: 48rpx;
 					}
 				}
-				
+
 				/* 全屏图表容器 */
 				.fullscreen-chart {
 					width: 100%;
 					height: 100%;
 				}
-				
+
 				/* 竖屏模式适配 */
 				:deep(.fullscreen-container:not([style*="rotate(90deg)"])) {
 					width: 100vw;