费用详细页面加空状态显示

董国庆

2026-06-10 5e43eeb25e3a4e32c263b205d83c753446438e1c

费用详细页面加空状态显示

 src/robotaxi/pages/expense-detail/index.less

@@ -194,6 +194,23 @@
    }
  }

  .no-data-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    // gap: 16px;
    font-size: 32px;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.6);

    .no-data-image {
      width: 480px;
      height: 400px;
    }
  }

}

.relative {
@@ -213,4 +230,4 @@

.color-red {
  color: #FF4D4F !important;
}
}

 src/robotaxi/pages/expense-detail/index.tsx

@@ -36,6 +36,7 @@
  const [pricingCard, setPricingCard] = useState<any>(null);
  const [startSite, setStartSite] = useState<any>(null);
  const [endSite, setEndSite] = useState<any>(null);
  const [hasLoadedStorage, setHasLoadedStorage] = useState(false);

  useEffect(() => {
    const card = Taro.getStorageSync('xpPricingCard');
@@ -45,6 +46,7 @@
    if (card) setPricingCard(card);
    if (start) setStartSite(start);
    if (end) setEndSite(end);
    setHasLoadedStorage(true);
  }, []);

  /**
@@ -66,7 +68,21 @@
    })
  }

  if (!pricingCard) return null;
  // if (!hasLoadedStorage) return null;

  if (!pricingCard) {
    return (
      <View className='expense-detail-page'>
        <View className='no-data-box'>
          <Image
            className='no-data-image'
            src='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/no-data-city.png'
          />
          <Text>暂无费用明细</Text>
        </View>
      </View>
    );
  }

  return (
    <View className='expense-detail-page'>