Dai0814
ccb3f5e39a
mirror-to-gitee / mirror (push) Successful in 4s
用户反馈首页缺产品功能、核心能力与界面预览，且没有官方文档入口。 新增区块 - 产品功能：三条产品线（iotLCM / 秀杰 DTU / XiuAdmin）， 每条列 6 项能力，卡片底部直达详情页 - 核心能力：8 张带标签的卡片，讲工程层面的硬指标 （部署、接入、开放、治理、韧性、交付、数据、维护）， 与"产品功能"区分开：前者是做什么，后者是凭什么能用住 - 界面预览：ScreenshotPreview 组件，Web 管理端 / 小程序端两组标签切换， 首屏大图 + 缩略图条，带浏览器窗口装饰 - 官方文档：6 个入口卡片（文档中心、Web 手册、小程序手册、部署手册、 OpenAPI 合同、门户部署说明），外链自动加 target=_blank 界面预览的占位机制 - previewShots 里 file 留空时渲染带图注的占位框，不报错、不影响构建 - 补图只改 file 字段，组件无需改动 - 新增 pages/public/screenshots/README.md 写清命名、尺寸、脱敏要求 导航 - 增加产品功能、核心能力、界面预览、官方文档四个锚点项 - 窄屏（≤860px）隐藏中间三个锚点项，避免挤压 验证 - 构建 13 页，208 条引用 0 失效 - 浏览器实测：7 个导航项、5 个 section 锚点齐全 - 移动端 390px 无横向溢出 - 文档站 5 个外链地址均实测 200 可达
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import DefaultTheme from 'vitepress/theme'
|
|
import type { Theme } from 'vitepress'
|
|
import { h } from 'vue'
|
|
import { useData } from 'vitepress'
|
|
|
|
import ProjectList from './components/ProjectList.vue'
|
|
import HomePage from './components/HomePage.vue'
|
|
import CapabilityTabs from './components/CapabilityTabs.vue'
|
|
import FeatureGrid from './components/FeatureGrid.vue'
|
|
import ScreenshotPreview from './components/ScreenshotPreview.vue'
|
|
|
|
import './styles/portal.css'
|
|
|
|
/**
|
|
* 首页用 layout: page 承载自定义整页排版，
|
|
* 这里给它套一层 .portal-page，把默认窄栏与 padding 去掉。
|
|
*/
|
|
const PortalLayout = () => {
|
|
const { frontmatter } = useData()
|
|
const isPortal = frontmatter.value.layout === 'page'
|
|
return h('div', { class: isPortal ? 'portal-page' : '' }, h(DefaultTheme.Layout))
|
|
}
|
|
|
|
export default {
|
|
extends: DefaultTheme,
|
|
Layout: PortalLayout,
|
|
enhanceApp({ app }) {
|
|
app.component('ProjectList', ProjectList)
|
|
app.component('HomePage', HomePage)
|
|
app.component('CapabilityTabs', CapabilityTabs)
|
|
app.component('FeatureGrid', FeatureGrid)
|
|
app.component('ScreenshotPreview', ScreenshotPreview)
|
|
},
|
|
} satisfies Theme
|