feat(app): 添加多模板关于我们页面及相关路由和404页面
- 新增404页面,优化未找到页面体验,避免被搜索引擎索引 - 增加文件代理接口,隐藏真实文件服务器地址,支持文件请求代理 - 实现/article、/case、/product及/page动态路由兼容列表与详情展示 - 添加动态CMS页面兼容入口处理旧式路径,统一路由与SEO设置 - 新增模板1、模板7、模板2、模板3关于我们页面,实现多模板支持 - 模板增强支持CMS单页内容加载及SEO信息动态设置 - 配置环境变量及Git忽略文件规则辅助开发和构建环境管理
This commit is contained in:
@@ -0,0 +1,49 @@
|
||||
<template>
|
||||
<section v-if="enabled" class="py-16 lg:py-20 bg-[#f5efe6]">
|
||||
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="text-2xl sm:text-3xl font-bold text-gray-900 mb-4">{{ title }}</h2>
|
||||
<p v-if="subtitle" class="text-gray-600 max-w-2xl mx-auto">
|
||||
{{ subtitle }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||
<div
|
||||
v-for="(item, index) in items"
|
||||
:key="item.title || index"
|
||||
class="bg-white rounded-xl p-6 shadow-sm hover:shadow-md transition-shadow group"
|
||||
data-reveal
|
||||
:data-reveal-delay="index * 100"
|
||||
>
|
||||
<div
|
||||
class="w-12 h-12 rounded-lg bg-[#f5efe6] flex items-center justify-center mb-4 transition-transform duration-300 group-hover:scale-110"
|
||||
>
|
||||
<FeatureIcon :name="item.icon" class="w-6 h-6 text-[#8b6f47]" />
|
||||
</div>
|
||||
<h3 class="text-lg font-semibold text-gray-900 mb-2">{{ item.title }}</h3>
|
||||
<p class="text-sm text-gray-600 leading-relaxed">{{ item.desc }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
/**
|
||||
* 模板 3 - 特色功能模块(暖米轻商风,后台可配置)
|
||||
* 数据来自 useFeatures(),未配置时回退到下方默认值。
|
||||
*/
|
||||
import FeatureIcon from '~/components/FeatureIcon.vue'
|
||||
import { useFeatures } from '~/composables/useFeatures'
|
||||
import type { FeatureItem } from '~/types'
|
||||
|
||||
const defaultFeatures: FeatureItem[] = [
|
||||
{ title: '企业优势', desc: '快速建立品牌信任感,展示企业实力与核心竞争力。', icon: 'building' },
|
||||
{ title: '核心产品', desc: '清晰的产品展示与分类,帮助客户快速了解产品价值。', icon: 'box' },
|
||||
{ title: '客户案例', desc: '真实案例呈现,增强说服力,促进客户决策。', icon: 'case' },
|
||||
{ title: '在线留言', desc: '便捷的留言咨询通道,不错过任何潜在客户。', icon: 'message' }
|
||||
]
|
||||
|
||||
const { enabled, title, subtitle, items } = useFeatures(defaultFeatures)
|
||||
</script>
|
||||
Reference in New Issue
Block a user