更新底部服务保障跳转链接 & 购买套餐添加折扣字段 & 用户总览添加长效动态图表
This commit is contained in:
@@ -19,7 +19,7 @@ export default function Footer(props: FooterProps) {
|
||||
<p className="text-sm text-gray-400">QQ: 70177252</p>
|
||||
<h3 className="hidden sm:block">服务保障</h3>
|
||||
<a
|
||||
href="https://weixin.qq.com/r/mp/AxYMFAzErFHTrUh390MR"
|
||||
href="https://work.weixin.qq.com/kfid/kfc458bc58e79e5093f"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-sm text-gray-400 hidden sm:block cursor-pointer hover:text-white transition-colors"
|
||||
@@ -27,7 +27,7 @@ export default function Footer(props: FooterProps) {
|
||||
售前服务
|
||||
</a>
|
||||
<a
|
||||
href="https://weixin.qq.com/r/mp/AxYMFAzErFHTrUh390MR"
|
||||
href="https://work.weixin.qq.com/kfid/kfc458bc58e79e5093f"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-sm text-gray-400 hidden sm:block cursor-pointer hover:text-white transition-colors"
|
||||
@@ -41,7 +41,7 @@ export default function Footer(props: FooterProps) {
|
||||
items={[
|
||||
{name: `产品订购`, href: `/product`},
|
||||
{name: `获取代理`, href: `/collect`},
|
||||
{name: `帮助中心`, href: `/docs`},
|
||||
{name: `帮助中心`, href: `/docs/faq-general`},
|
||||
{name: `企业服务`, href: `/custom`},
|
||||
]}
|
||||
/>
|
||||
@@ -56,14 +56,14 @@ export default function Footer(props: FooterProps) {
|
||||
<SiteNavList
|
||||
title="使用案例"
|
||||
items={[
|
||||
{name: `数据抓取`, href: `/data-capture`},
|
||||
{name: `媒体矩阵`, href: `#`},
|
||||
{name: `广告验证`, href: `#`},
|
||||
{name: `价格监控`, href: `#`},
|
||||
{name: `市场调研`, href: `#`},
|
||||
{name: `金融数据`, href: `#`},
|
||||
{name: `SEO优化`, href: `#`},
|
||||
{name: `网站测试`, href: `#`},
|
||||
{name: `数据采集`, href: `/data-capture`},
|
||||
{name: `电商运营`, href: `/e-commerce`},
|
||||
{name: `市场调研`, href: `/market-research`},
|
||||
{name: `SEO优化`, href: `/seo-optimization`},
|
||||
{name: `社交媒体`, href: `/social-media`},
|
||||
{name: `广告投放`, href: `/advertising`},
|
||||
{name: `账号管理`, href: `/account-management`},
|
||||
{name: `网络测试`, href: `/network-testing`},
|
||||
]}
|
||||
/>
|
||||
<SiteNavList
|
||||
|
||||
@@ -123,8 +123,7 @@ export default function Charts({initialData}: ChartsProps) {
|
||||
{submittedData && <DashboardChart data={submittedData}/>}
|
||||
</TabsContent>
|
||||
<TabsContent value="static" className="flex flex-col items-center justify-center gap-2">
|
||||
<Image alt="coming soon" src={soon}/>
|
||||
<p>敬请期待</p>
|
||||
<LongChart/>
|
||||
</TabsContent>
|
||||
</Tabs>
|
||||
</CardContent>
|
||||
@@ -184,3 +183,33 @@ function DashboardChart(props: DashboardChartProps) {
|
||||
</ChartContainer>
|
||||
)
|
||||
}
|
||||
|
||||
function LongChart() {
|
||||
return (
|
||||
<ChartContainer config={config} className="w-full h-full">
|
||||
<AreaChart margin={{top: 0, right: 20, left: 0, bottom: 0}}>
|
||||
<CartesianGrid vertical={false}/>
|
||||
<XAxis
|
||||
dataKey="formattedTime"
|
||||
tickLine={false}
|
||||
/>
|
||||
<YAxis tickLine={false}/>
|
||||
<Tooltip
|
||||
animationDuration={100}
|
||||
// labelFormatter={value => `日期: ${chartData.find(item => item.formattedTime === value)?.fullDate || value}`}
|
||||
formatter={value => [`${value}`, '套餐使用量']}
|
||||
/>
|
||||
<Area
|
||||
type="monotone"
|
||||
dataKey="count"
|
||||
stroke="#8884d8"
|
||||
fill="#8884d8"
|
||||
fillOpacity={0.2}
|
||||
strokeWidth={2}
|
||||
name="套餐使用量"
|
||||
/>
|
||||
<Legend/>
|
||||
</AreaChart>
|
||||
</ChartContainer>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user