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;
}