diff --git a/pages/marketSituation/marketOverview.vue b/pages/marketSituation/marketOverview.vue index ee8067b..8627114 100644 --- a/pages/marketSituation/marketOverview.vue +++ b/pages/marketSituation/marketOverview.vue @@ -6,6 +6,10 @@ + 道琼斯{{ INDU.value }} + 纳斯达克{{ NDX.value }} + 恒生指数{{ HSI.value }} + 上证指数{{ CN.value }} @@ -60,6 +64,11 @@ const contentHeight = ref(0); const headerHeight = ref(0); // 动态计算的header高度 const isWarnTextOverflow = ref(false); // warn文字是否溢出 +const INDU = ref({stockName: "道琼斯",stockCode: "INDU",value: ""}); +const NDX = ref({stockName: "纳斯达克",stockCode: "NDX",value: ""}); +const HSI = ref({stockName: "恒生指数",stockCode: "HSI",value: ""}); +const CN = ref({stockName: "上证指数",stockCode: "1A0001",value: ""}); + const pageIndex = ref(0); const scrollToView = ref(""); @@ -719,6 +728,55 @@ watch(headerHeight, (newHeight) => { min-height: 200rpx; } +.NDX { + position: absolute; + top: 30%; + left: 17%; + transform: translate(-50%, -50%); + font-size: 11rpx; + color: #000000; + padding: 5rpx 10rpx; + border-radius: 10rpx; + background-color: #ffffff; + z-index: 10; +} +.INDU { + position: absolute; + top: 22%; + left: 35%; + transform: translate(-50%, -50%); + font-size: 11rpx; + color: #000000; + padding: 5rpx 10rpx; + border-radius: 10rpx; + background-color: #ffffff; + z-index: 10; +} +.HSI { + position: absolute; + top: 30%; + right: 13%; + transform: translate(-50%, -50%); + font-size: 11rpx; + color: #000000; + padding: 5rpx 10rpx; + border-radius: 10rpx; + background-color: #ffffff; + z-index: 10; +} +.CN { + position: absolute; + top: 23%; + right: 16%; + transform: translate(-50%, -50%); + font-size: 11rpx; + color: #000000; + padding: 5rpx 10rpx; + border-radius: 10rpx; + background-color: #ffffff; + z-index: 10; +} + .map image { width: 100%; height: auto; diff --git a/pages/start/login/login.vue b/pages/start/login/login.vue index dd41da7..0dd1427 100644 --- a/pages/start/login/login.vue +++ b/pages/start/login/login.vue @@ -10,7 +10,7 @@ --> 联系客服