feat: Add pricing page comparing market data subscription tiers#951
Merged
feat: Add pricing page comparing market data subscription tiers#951
Conversation
根据行情权限和价格，实现一个类似 https://www.financialdatasets.ai/pricing 的独立的 pricing，以 pricing 的方式来对比不同行情权限的能力 🤖 Generated with Endless Co-authored-by: Huacnlee Li Huashun <huacnlee@longbridge-inc.com>
- Add Pricing.vue component with 3-tier card layout (Free / LV1 / LV2), OPRA add-on section, and feature comparison table - Add QuotePermissionData.ts with shared LEVEL_COLORS constants used by both Pricing and QuotePermission components - Update QuotePermission.vue to use shared LEVEL_COLORS via CSS variables - Add /pricing route to all three locale navbars - Add qrcode dependency for QR dialog in purchase flow - Fix zh-CN/pricing.md layout from 'home' to 'page' for correct full-width rendering Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Replace colored card backgrounds with clean bg + subtle radial gradient - Free tier: unified soft panel with 3 columns instead of separate cards - OPRA card: purple accent color matching QuotePermission level colors - Hover: lift + shadow, border stays neutral - Update free item copy for Trading & Account APIs (zh + en) - FeaturesMenu: rename 监管文件 → 年报公告 / 年報財報 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
… classes Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
huacnlee
added a commit
that referenced
this pull request
May 8, 2026
## Summary Fixes the Pricing page mobile layout issues and replaces the dynamic QRCode (which failed to render on mobile) with a hardcoded static SVG QR code. ## Changes - **Pricing.vue**: Fix responsive layout breakpoints and grid/flex rules so the pricing comparison table renders correctly on small screens - **Pricing.vue**: Replace dynamic QRCode component with a pre-generated static SVG to ensure reliable display on all devices ## Motivation The Pricing page had broken layout on mobile viewports, and the dynamic QR code component was not rendering on mobile devices. Using a static SVG eliminates the rendering dependency and ensures consistent display across all platforms. ## Related Builds on top of the Pricing page introduced in #951 and the UnoCSS/PostCSS fixes from #955. 🤖 Auto-generated by Endless. --------- Co-authored-by: Huacnlee Li Huashun <huacnlee@longbridge-inc.com> Co-authored-by: Jason Lee <huacnlee@gmail.com> Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Implements a dedicated pricing page similar to financialdatasets.ai/pricing that visually compares different market data subscription levels and their capabilities.
Changes
Pricing.vue: New Vue component that displays market data subscription tiers in a pricing comparison table format, highlighting feature availability and pricing across different permission levelsindex.ts: Registers the newPricingcomponent for use in VitePress pagesdocs/en/docs/pricing.md: English pricing pagedocs/zh-CN/docs/pricing.md: Simplified Chinese pricing pagedocs/zh-HK/docs/pricing.md: Traditional Chinese pricing pageMotivation
Users need a clear way to understand what market data features are available at each subscription tier and how the tiers differ in price and capability. A pricing comparison page makes it easy to evaluate which subscription level fits their needs.
🤖 Auto-generated by Endless.