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);
 		}
@@ -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;
@@ -895,8 +908,10 @@
 
 				/* 全屏容器 */
 				.fullscreen-container {
-					width: 100vh;  /* 横屏时宽度等于屏幕高度 */
-					height: 100vw; /* 横屏时高度等于屏幕宽度 */
+					width: 100vh;
+					/* 横屏时宽度等于屏幕高度 */
+					height: 100vw;
+					/* 横屏时高度等于屏幕宽度 */
 					transition: transform 0.3s ease;
 					position: relative;
 				}