diff --git a/pages/deepExploration/MainForceActions.vue b/pages/deepExploration/MainForceActions.vue
index c2bd80a..2bde1a9 100644
--- a/pages/deepExploration/MainForceActions.vue
+++ b/pages/deepExploration/MainForceActions.vue
@@ -36,13 +36,14 @@
{{stockAdd}}
-
+ 加载中...
+
-
+
@@ -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;