diff --git a/components/IndexCard.vue b/components/IndexCard.vue index 69a3de3..176fc6a 100644 --- a/components/IndexCard.vue +++ b/components/IndexCard.vue @@ -12,8 +12,8 @@ {{ currentPrice }} - {{ changeAmount }} - {{ changePercent }} + {{ judgeSymbol(changeAmount) }} + {{ judgeSymbol(changePercent) }} @@ -63,6 +63,10 @@ const props = defineProps({ }, }); +const judgeSymbol = (num) => { + return num[0] === "-" ? num : "+" + num; +}; + const getMarketFlag = (market) => { let imagePath; diff --git a/pages/marketSituation/marketDetail.vue b/pages/marketSituation/marketDetail.vue index 98e52a3..155c8a9 100644 --- a/pages/marketSituation/marketDetail.vue +++ b/pages/marketSituation/marketDetail.vue @@ -36,7 +36,7 @@ - + {{ item.stockName }} {{ item.stockCode }} @@ -48,7 +48,7 @@ - {{ item.changePercent }} + {{ judgeSymbol(item.changePercent) }} @@ -79,107 +79,6 @@ const sortType = ref(""); // 排序类型:'price' 或 'change' const sortOrder = ref("desc"); // 排序顺序:'asc' 或 'desc' const regionalGroupArray = ref([]); -// 股票数据 -const stockList = ref([ - { - stockName: "Telecommunication", - stockCode: "888607", - price: 1349.47, - change: "+7.67%", - isRising: true, - }, - { - stockName: "Other", - stockCode: "888607", - price: 1349.47, - change: "+6.67%", - isRising: true, - }, - { - stockName: "Consumer Discretio...", - stockCode: "888610", - price: 1349.47, - change: "+5.67%", - isRising: true, - }, - { - stockName: "Telecommunication", - stockCode: "888607", - price: 1349.47, - change: "+4.67%", - isRising: true, - }, - { - stockName: "Other", - stockCode: "888611", - price: 1359.47, - change: "+3.67%", - isRising: true, - }, - { - stockName: "Consumer Discretio...", - stockCode: "888610", - price: 1349.47, - change: "+2.67%", - isRising: true, - }, - { - stockName: "Telecommunication", - stockCode: "888607", - price: 1349.47, - change: "+1.67%", - isRising: true, - }, - { - stockName: "Other", - stockCode: "888611", - price: 1009.98, - change: "-1.67%", - isRising: false, - }, - { - stockName: "Consumer Discretio...", - stockCode: "888610", - price: 1009.98, - change: "-0.67%", - isRising: false, - }, - { - stockName: "Telecommunication", - stockCode: "888607", - price: 1009.98, - change: "-0.67%", - isRising: false, - }, - { - stockName: "Other", - stockCode: "888611", - price: 1009.98, - change: "-1.67%", - isRising: false, - }, - { - stockName: "Consumer Discretio...", - stockCode: "888610", - price: 1009.98, - change: "-4.67%", - isRising: false, - }, - { - stockName: "Consumer Discretio...", - stockCode: "888610", - price: 1009.98, - change: "-3.67%", - isRising: false, - }, - { - stockName: "Consumer Discretio...", - stockCode: "888610", - price: 1009.98, - change: "-3.67%", - isRising: false, - }, -]); // 计算属性 const contentTopPosition = computed(() => { @@ -206,6 +105,10 @@ const sortedStockList = computed(() => { return list; }); +const judgeSymbol = (num) => { + return num[0] === "-" ? num : "+" + num; +}; + const getRegionalGroupList = async () => { try { const result = await getRegionalGroupListAPI({ @@ -224,7 +127,7 @@ const goBack = () => { }; // 方法:查看指数详情 -const viewIndexDetail = (item,index) => { +const viewIndexDetail = (item, index) => { console.log("查看指数详情:", item.stockName); // 这里可以跳转到具体的指数详情页面 uni.navigateTo({ @@ -348,7 +251,6 @@ const sendTcpMessage = (command) => { break; } if (!messageData) { - return; } else { try { diff --git a/pages/marketSituation/marketSituation.vue b/pages/marketSituation/marketSituation.vue index 1503954..bec52f2 100644 --- a/pages/marketSituation/marketSituation.vue +++ b/pages/marketSituation/marketSituation.vue @@ -496,8 +496,8 @@ watch(headerHeight, (newHeight) => { } .scroll_indicator image { - width: 20rpx; - height: 20rpx; + width: 30rpx; + height: 30rpx; opacity: 0.5; }