quant-speed-AI/market_page
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mini

Browse Source
This commit is contained in:
jeremygan2021
2026-02-11 01:31:29 +08:00
parent 2d090cd0f4
commit c3b4373c94
18 changed files with 894 additions and 263 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
miniprogram/src/pages/index/index.tsx
View File

@@ -2,6 +2,7 @@ import { View, Text, Image, ScrollView, Button } from '@tarojs/components'
import Taro, { useLoad } from '@tarojs/taro'
import { useState, useEffect } from 'react'
import { getConfigs } from '../../api'
import ParticleBackground from '../../components/ParticleBackground'
import './index.scss'
export default function Index() {
@@ -30,12 +31,10 @@ export default function Index() {
setError('')
try {
const res: any = await getConfigs()
console.log('Configs fetched:', res)
// Adapt to different API response structures
const list = Array.isArray(res) ? res : (res.results || res.data || [])
setProducts(list)
} catch (err: any) {
console.error('Fetch error:', err)
console.error(err)
setError(err.errMsg || '加载失败，请检查网络')
} finally {
setLoading(false)
@@ -48,34 +47,34 @@ export default function Index() {
return (
<View className='page-container'>
<View className='header'>
<View className='logo-box'>
<Text className='logo-text'>QUANT SPEED</Text>
<ParticleBackground />
<ScrollView scrollY className='content-scroll'>
<View className='scroll-inner'>
<View className='header'>
<View className='logo-box'>
<Image src='../../assets/logo.svg' className='logo-img' mode='widthFix' />
<Text className='logo-text'>QUANT SPEED</Text>
</View>
<View className='title-container'>
<Text className='title-text'>{typedText}</Text>
<Text className='cursor'>|</Text>
</View>
<Text className='subtitle'>量迹 AI 硬件为您提供最强大的边缘计算能力</Text>
</View>
<View className='title-container'>
<Text className='title-text'>{typedText}</Text>
<Text className='cursor'>|</Text>
</View>
<Text className='subtitle'>量迹 AI 硬件为您提供最强大的边缘计算能力</Text>
</View>
{loading ? (
<View className='status-box'>
<Text className='loading-text'>正在加载硬件配置...</Text>
</View>
) : error ? (
<View className='status-box'>
<Text className='error-text'>{error}</Text>
<Button className='btn-retry' onClick={fetchProducts}>重试</Button>
</View>
) : products.length === 0 ? (
<View className='status-box'>
<Text className='empty-text'>暂无硬件产品</Text>
</View>
) : (
<ScrollView scrollX className='product-scroll' enableFlex>
<View className='product-list'>
{loading ? (
<View className='status-box'>
<Text className='loading-text'>正在加载硬件配置...</Text>
</View>
) : error ? (
<View className='status-box'>
<Text className='error-text'>{error}</Text>
<Button className='btn-retry' onClick={fetchProducts}>重试</Button>
</View>
) : (
<View className='product-grid'>
{products.map((item) => (
<View key={item.id} className='card' onClick={() => goToDetail(item.id)}>
<View className='card-cover'>
@@ -86,25 +85,35 @@ export default function Index() {
<Text className='icon-rocket'>🚀</Text>
</View>
)}
<View className='card-overlay' />
</View>
<View className='card-body'>
<Text className='card-title'>{item.name}</Text>
<View className='card-header'>
<Text className='card-title'>{item.name}</Text>
<Text className='price'>¥{item.price}</Text>
</View>
<Text className='card-desc'>{item.description}</Text>
<View className='tags'>
<View className='tag cyan'><Text>{item.chip_type}</Text></View>
{item.has_camera && <View className='tag blue'><Text>Camera</Text></View>}
{item.has_microphone && <View className='tag purple'><Text>Mic</Text></View>}
</View>
<View className='card-footer'>
<Text className='price'>¥{item.price}</Text>
<View className='btn-arrow'><Text>→</Text></View>
<Button className='btn-buy'>立即购买</Button>
</View>
</View>
</View>
))}
</View>
</ScrollView>
)}
)}
<View className='footer-spacer' />
</View>
</ScrollView>
</View>
)
}