From 24d3e5015b5060aa2ea06e831d465aaa244334ad Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?mac=C2=B7ufutx?= Date: Fri, 20 Jun 2025 18:44:15 +0800 Subject: [PATCH] =?UTF-8?q?feat:=2020250617=20=E9=A1=B5=E9=9D=A2=E5=B8=83?= =?UTF-8?q?=E5=B1=80=E5=B7=B2=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components.d.ts | 5 + src/main.ts | 12 +- src/router/routes.ts | 1 + src/views/About/About.vue | 8 + src/views/About/sections/CompanyTimeline.vue | 233 ++++++++++++ src/views/About/sections/CompanyValues.vue | 348 +++++++++++------- src/views/About/sections/MissionVision.vue | 33 +- src/views/About/sections/Partners.vue | 148 +++++--- .../About/sections/QualificationCarousel.vue | 107 ++++-- src/views/About/sections/RedefineHealth.vue | 33 +- src/views/App/App.vue | 5 +- src/views/App/sections/ApplicationScenes.vue | 18 +- src/views/App/sections/HealthDevice.vue | 6 +- src/views/App/sections/SpeechModule.vue | 4 +- src/views/Dating/sections/AiTags.vue | 4 +- src/views/Dating/sections/SuccessStories.vue | 5 +- src/views/Ecosystem/Ecosystem.vue | 15 +- src/views/Ecosystem/sections/CityPartner.vue | 207 ++++++++--- .../Ecosystem/sections/CooperationConsult.vue | 45 ++- .../sections/EnterpriseCooperation.vue | 2 +- .../Ecosystem/sections/TalentTraining.vue | 83 +++-- src/views/Home/sections/CustomerFeedback.vue | 1 - src/views/Network/sections/CustomerCases.vue | 1 - .../Network/sections/OneStopSolution.vue | 5 +- src/views/News/ArticleDetail.vue | 112 ++++++ src/views/News/News.vue | 27 +- vite.config.ts | 75 ++-- 27 files changed, 1131 insertions(+), 412 deletions(-) create mode 100644 src/views/About/sections/CompanyTimeline.vue create mode 100644 src/views/News/ArticleDetail.vue diff --git a/components.d.ts b/components.d.ts index 4bc87cd..810521d 100644 --- a/components.d.ts +++ b/components.d.ts @@ -9,7 +9,12 @@ export {} declare module 'vue' { export interface GlobalComponents { ElButton: typeof import('element-plus/es')['ElButton'] + ElForm: typeof import('element-plus/es')['ElForm'] + ElFormItem: typeof import('element-plus/es')['ElFormItem'] + ElInput: typeof import('element-plus/es')['ElInput'] + ElOption: typeof import('element-plus/es')['ElOption'] ElPagination: typeof import('element-plus/es')['ElPagination'] + ElSelect: typeof import('element-plus/es')['ElSelect'] ElTabPane: typeof import('element-plus/es')['ElTabPane'] ElTabs: typeof import('element-plus/es')['ElTabs'] Footer: typeof import('./src/components/Footer.vue')['default'] diff --git a/src/main.ts b/src/main.ts index 1eac812..f658b02 100644 --- a/src/main.ts +++ b/src/main.ts @@ -9,13 +9,13 @@ import '@/styles/global.less' // 引入全局样式 // 修正：明确 meta.title 的类型为 string // 引入 element-plus 核心库 -import ElementPlus from 'element-plus' +// import ElementPlus from 'element-plus' // 引入 element-plus 全局样式（可根据需求选择是否自定义主题，这里先引入默认样式） -// import 'element-plus/dist/index.css' +import 'element-plus/dist/index.css' // 如果你需要使用 Element Plus 提供的国际化（i18n）功能，还需引入对应的语言包，比如中文 // 修正：使用正确的语言包路径（从 es/locale/lang 导入） -import zhCn from 'element-plus/es/locale/lang/zh-cn' +// import zhCn from 'element-plus/es/locale/lang/zh-cn' // 使用 ElementPlus 插件，并配置国际化等选项（这里以配置中文为例） declare module 'vue-router' { interface RouteMeta { @@ -33,9 +33,9 @@ export const createApp = ViteSSG( ctx => { // 安装 i18n 插件 ctx.app.use(i18n) - ctx.app.use(ElementPlus, { - locale: zhCn - }) + // ctx.app.use(ElementPlus, { + // locale: zhCn + // }) // 路由守卫：设置页面标题 ctx.router.beforeEach((to, _from, next) => { diff --git a/src/router/routes.ts b/src/router/routes.ts index 9882728..a832c86 100644 --- a/src/router/routes.ts +++ b/src/router/routes.ts @@ -17,6 +17,7 @@ const routes: RouteRecordRaw[] = [ children: [ { path: '', name: 'Home', component: () => import('@/views/Home/Home.vue') }, { path: 'news', name: 'News', component: () => import('@/views/News/News.vue') }, + { path: 'news/:id', name: 'ArticleDetail', component: () => import('@/views/News/ArticleDetail.vue') }, { path: 'network', name: 'Network', component: () => import('@/views/Network/Network.vue') }, { path: 'dating', name: 'Dating', component: () => import('@/views/Dating/Dating.vue') }, { path: 'app', name: 'App', component: () => import('@/views/App/App.vue') }, diff --git a/src/views/About/About.vue b/src/views/About/About.vue index c27af0e..e1fa557 100644 --- a/src/views/About/About.vue +++ b/src/views/About/About.vue @@ -2,10 +2,17 @@
+ + + + + + +
@@ -19,6 +26,7 @@ import CompanyValues from './sections/CompanyValues.vue' import QualificationCarousel from './sections/QualificationCarousel.vue' import MissionVision from './sections/MissionVision.vue' import Partners from './sections/Partners.vue' +import CompanyTimeline from '@/views/About/sections/CompanyTimeline.vue' diff --git a/src/views/About/sections/CompanyValues.vue b/src/views/About/sections/CompanyValues.vue index 029314c..67a555a 100644 --- a/src/views/About/sections/CompanyValues.vue +++ b/src/views/About/sections/CompanyValues.vue @@ -1,129 +1,169 @@ diff --git a/src/views/About/sections/QualificationCarousel.vue b/src/views/About/sections/QualificationCarousel.vue index be9e139..280ec5e 100644 --- a/src/views/About/sections/QualificationCarousel.vue +++ b/src/views/About/sections/QualificationCarousel.vue @@ -3,13 +3,21 @@

资质认证

成立至今获得多项荣誉

- -
-
- 资质证书 + +
+
+
+ certificate +
- +
@@ -17,39 +25,39 @@ diff --git a/src/views/About/sections/RedefineHealth.vue b/src/views/About/sections/RedefineHealth.vue index 67da984..8b2e687 100644 --- a/src/views/About/sections/RedefineHealth.vue +++ b/src/views/About/sections/RedefineHealth.vue @@ -15,17 +15,17 @@ diff --git a/src/views/Ecosystem/sections/CooperationConsult.vue b/src/views/Ecosystem/sections/CooperationConsult.vue index 7fe8e0b..ee6bc45 100644 --- a/src/views/Ecosystem/sections/CooperationConsult.vue +++ b/src/views/Ecosystem/sections/CooperationConsult.vue @@ -1,35 +1,54 @@ diff --git a/src/views/News/News.vue b/src/views/News/News.vue index 88f8da0..c8663ae 100644 --- a/src/views/News/News.vue +++ b/src/views/News/News.vue @@ -19,8 +19,8 @@

{{ item.title }}

友福新闻

-
- 查看详情 +
+
查看详情
{ const start = (currentPage.value - 1) * pageSize.value return list.slice(start, start + pageSize.value) }) +import { useRouter } from 'vue-router' +// 1. 初始化路由实例 +const router = useRouter() + +// 2. 跳转方法（命名路由方式，需提前配置路由） +const goToArticle = () => { + router.push({ + path: '/news/12' // 也可直接写路径 + }) +} // 分页事件 const handleSizeChange = (val: number) => { pageSize.value = val @@ -243,13 +253,14 @@ const resetPage = () => { } } .view-btn { - width: 100px; - align-self: flex-start; - padding: @space-xs @space-md; - font-size: @font-size-sm; - background-color: @bg-color; + display: flex; + padding: 6px 16px; + justify-content: center; + align-items: center; + gap: 10px; color: @primary-dark; - //padding: 6px 16px; + border-radius: 4px; + border: 1px solid var(--1060-ff, #1060ff); } } } diff --git a/vite.config.ts b/vite.config.ts index c3b7732..884fceb 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -14,19 +14,23 @@ export default defineConfig({ plugins: [ vue(), - legacy({ - targets: ['ie >= 11'], - additionalLegacyPolyfills: ['regenerator-runtime/runtime'], - modernPolyfills: true // 启用现代浏览器的 polyfill - }), + // 仅在生产环境启用 legacy 插件 + ...(process.env.NODE_ENV === 'production' + ? [ + legacy({ + targets: ['ie >= 11'], + additionalLegacyPolyfills: ['regenerator-runtime/runtime'], + modernPolyfills: true + }) + ] + : []), AutoImport({ imports: ['vue', 'vue-router'], // 自动导入 Vue、Vue Router API // 自动导入 Vue 相关函数，以及 ElementPlus 的相关函数等 resolvers: [ ElementPlusResolver({ - importStyle: 'sass', // 可选：按需导入样式 - directives: true, // 导入指令 - version: '2.3.6' // 版本号 + importStyle: 'sass', + directives: true // 导入指令 }) ] }), @@ -40,14 +44,18 @@ export default defineConfig({ ], dirs: ['src/components'] // 自动扫描组件目录 }), - viteImagemin({ - // 基础压缩配置（可根据需求扩展） - gifsicle: { optimizationLevel: 7 }, - optipng: { optimizationLevel: 7 }, - mozjpeg: { quality: 80 }, - pngquant: { quality: [0.8, 0.9] }, - svgo: { plugins: [{ name: 'removeViewBox' }] } - }) + // 开发环境暂时禁用图片压缩插件 + ...(process.env.NODE_ENV !== 'development' + ? [ + viteImagemin({ + gifsicle: { optimizationLevel: 7 }, + optipng: { optimizationLevel: 7 }, + mozjpeg: { quality: 80 }, + pngquant: { quality: [0.8, 0.9] }, + svgo: { plugins: [{ name: 'removeViewBox' }] } + }) + ] + : []) ], server: { host: '0.0.0.0', // 允许外部访问 @@ -66,7 +74,7 @@ export default defineConfig({ } }, optimizeDeps: { - include: ['element-plus'] // 预构建依赖 + // include: ['element-plus'] // 预构建依赖 }, build: { chunkSizeWarningLimit: 1000, // 增大分块警告阈值 @@ -74,31 +82,13 @@ export default defineConfig({ // external: ['element-plus', 'element-plus/dist/index.css'], // 排除 Element Plus // external: ['element-plus'], // 排除 Element Plus 从打包中 output: { - manualChunks(id) { - // 只打包实际使用的 Element Plus 组件 - // if (id.includes('element-plus/es/components')) { - // const componentName = id.split('element-plus/es/components/')[1].split('/')[0] - // return `element-${componentName}` - // } - if (id.includes('node_modules')) { - // 将第三方库单独分包（如 axios、vue 等） - return id.split('node_modules/')[1].split('/')[0] - } - // 1. 将 Element Plus 整体打包为一个 chunk - // 只分割实际使用的库 - // if (id.includes('vue') || id.includes('vue-router') || id.includes('pinia')) { - // return 'vue-vendor' - // } - // - // if (id.includes('axios') || id.includes('nprogress')) { - // return 'utils' - // } - // - // // 不强制分割第三方依赖，让 Vite 自动处理 - // if (id.includes('node_modules') && !id.includes('@babel') && !id.includes('@types')) { - // return undefined // 取消手动分割 - // } - } + manualChunks: undefined // 取消手动分割，使用 Vite 自动策略 + // manualChunks(id) { + // if (id.includes('node_modules')) { + // 将第三方库单独分包（如 axios、vue 等） + // return id.split('node_modules/')[1].split('/')[0] + // } + // } } } }, @@ -107,6 +97,7 @@ export default defineConfig({ scss: { // 关键配置：强制 Sass 使用现代 API（二选一，推荐 modern-compiler） api: 'modern-compiler' + // additionalData: `@import "@/styles/element-variables.scss";` // api: 'modern' // 轻量版，适合简单场景 }, less: {