f2a84003a7 更改了商业版界面 (#5)
* update:添加商业版内容

* update:添加插画并删除多余子版块

* update:加入商业版多发行版信息

* update:增加多cpu厂家标签

* update:商业版主页描述更新

* update:商业版标签前移到下载后面

* update:更新商业版内容“联系客服”按钮点击后的触发逻辑。展示联系方式并调用系统邮箱

* update:“关于页面”添加加入我们按钮

* update:使用@nuxt/icon引入SVG图标

* fix:修复竖屏设备导航栏由于增加”商业版“标签导致“GXDE OS"标签出界问题

* update:删除残留vue文件

* update:加入成果案例到商业版板块

* fix:修复790.29px*780px时,导航栏标签文字换行的问题

* fix:竖屏画面导航栏高度改为h-93.5

* update:更新商业版svg配图

* Standardize nav-link class styling

Removed padding from nav-link classes for consistency.

* fix(nav): 延后导航单行排布断点至 lg

修复视口在 780px~840px 区间时,因导航项增加导致的元素溢出和交叠问题。目前在设备大于 1024px 时才会并排显示导航栏项。

* style(commercial): 彻底重塑商业版前端插画与界面,并适配深色模式

1. 重绘场景插画:重新设计了“案例”、“客服”、“定制化”、“架构”、“分发”等 5 张大型场景 SVG 插图,升级为悬浮玻璃态面板、阵列多核管控板等高阶空间 UI 组合拼贴风,大幅提升商业严肃感与前瞻视觉。
2. 新增专属标题徽章:新设计 5 张针对各主体的立体厚重感微型徽章图(`*-title.svg`),替换原有的字体图标,增强每个模块的大型企服属性。
3. 清除硬编码与深色适配:地毯式拔除了插图内部强制锁色的 `<style>:root` 标签,并移除了用于高光的 `"#ffffff"` 死白硬层,无缝融入系统的深浅色动态 `var(--s-bg)` 等变量,适配完美的 Dark Mode 下暗色面板沉浸效果。
4. 界面版式对齐:重塑首屏第一区块(Section 1)的模拟 UI 板面为科技面板,收束卡片间距;重组了留板表单弹窗以及导航元素,令其样式表现与总应用的主界线全面拉齐。

* feat(commercial page): add governance section with new icons

新增商用治理板块的标题图标和详情展示,包括新增两个svg图标资源,完善内网管控应用中枢的页面展示内容

* feat(commercial): 优化商业治理板块页面,新增交互动画与视觉效果

1.  替换原有svg图标为截图展示,新增dashboard预览图
2.  添加IntersectionObserver实现元素进入视口时的渐入动画
3.  重构页面布局,新增背景光晕、标签悬浮效果与悬浮提示框
4.  适配暗色模式与减少动画的系统设置
5.  清理了废弃的svg图标文件

* refactor(commercial): rewrite governance section to tabbed scene view

1. 替换原有固定展示的管控内容为可切换的场景标签页
2. 新增8个业务场景的结构化数据与配套截图资源
3. 优化移动端适配与动效展示
4. 调整整体布局与样式风格

* style(CommercialPage): 优化商业页面布局与视觉效果

移除了页面的发光装饰元素,调整多个断点下的响应式样式:
1. 调整桌面端及平板的容器尺寸、网格布局
2. 优化小屏幕下的标签页、详情区域样式
3. 新增超小屏幕和窄屏适配样式

* feat(commercial): add governance section scroll and preview features

实现了商用页面治理板块的滚轮滚动切换功能,以及对应场景预览弹窗功能,优化了桌面端大屏下的交互体验,同时调整了部分样式适配新交互逻辑。

* feat(commercial): 更新商业版页面内容与布局

将原内网管控板块替换为星火应用商店商业版介绍,更新标题、功能说明、按钮文案和展示内容,新增适配特性说明与操作按钮样式

* style(Commercial page): adjust title layout and style

split the commercial page title into two spans, optimize text color and font weight for better readability

* feat(commercial): add overview scene to commercial governance page

1. add total overview scene for commercial governance module with dashboard image
2. replace svh unit with dvh for better mobile viewport compatibility
3. adjust safe-area padding for mobile devices
4. delete old unused dashboard image file

* style(commercial page): adjust governance section layout and spacing

1. 修改.governance-sticky的top值和内边距,调整其高度计算方式
2. 更新.governance-panel的最大高度和最小高度适配
3. 为小屏高场景新增governance-sticky的对齐方式调整

* style(commercial page): fix governance detail container overflow and min height

adjust the governance detail section's style to add proper overflow scroll and reset min height, improve layout display

* chore(commercial page): replace governance icon with enterprise banner

swap the svg icon for the commercial page title to the official spark store enterprise image

* refactor(commercial page): add tab scroll sync logic

实现治理场景标签栏跟随激活项自动滚动到可视区域的逻辑,优化标签栏交互体验:
1. 新增governanceTabs引用获取标签栏容器
2. 编写syncGovernanceTabsScroll方法实现自动滚动对齐
3. 在场景切换、滚动监听和标签点击处调用该方法

* refactor(commercial): 优化滚动到定制板块的逻辑

替换原有的固定高度滚动逻辑,改为直接滚动到定制化区域的准确位置

---------

Co-authored-by: jiwangyihao <jwyh@jwyihao.top>
2026-07-28 22:37:26 +08:00
2026-07-28 22:37:26 +08:00
2026-07-28 22:37:26 +08:00
2026-07-28 22:37:26 +08:00
2025-05-30 01:05:59 +08:00
2025-09-22 20:15:20 +08:00
2026-03-04 13:42:02 +08:00
2025-06-06 01:33:40 +08:00
2025-06-03 01:05:02 +08:00
2025-06-06 01:33:40 +08:00
2025-06-06 01:33:40 +08:00
2025-06-03 01:33:26 +08:00

Spark Store Abyss

GitHub License wakatime GitHub Actions Workflow Status GitHub commit activity

代号 Abyss,全新重生的星火应用商店官网,基于 Nuxt 3 + Vue 3 + Vite + TailwindCSS 4 构建,采用全新设计语言,提供更快的加载速度和更好的用户体验。

支持 SSR/SSG。

Setup

Install Node.js

Using tools like nvm or fnm is recommended to manage Node.js versions. Also, the latest LTS version is recommended.

You can check your current Node.js version with:

node -v

Install Corepack

Corepack is a tool that helps manage package managers like npm, pnpm, yarn, and bun. It is included with Node.js versions 16.9.0 and later.

To enable Corepack, run the following command:

corepack enable

Install Dependencies

Make sure to install dependencies:

pnpm install

Development Server

Start the development server on http://localhost:3000:

pnpm dev

Production

Build the application for production (SSR mode):

pnpm build

Locally preview production build (SSR mode):

pnpm preview

Check out the deployment documentation for more information.

S
Description
No description provided
Readme MPL-2.0
74 MiB
Languages
Vue 84.6%
HTML 9.4%
TypeScript 3.8%
CSS 2.1%
JavaScript 0.1%