c579dae90a
详细说明: - 化工订单班图片已标准化处理（8个图片，文件名与alt text完全一致） - 完成环保、财经商贸订单班的图片重命名工作 - 重组项目记忆文件，按照功能模块编号（00-09） - 删除旧的分散记忆文件，统一到新的编号体系 - 添加终端模拟文件：chemical.ts, environmental.ts, finance.ts - 清理web_result冗余文件（food react-app等） - 新增playwright截图记录和记忆文档 - 影响模块：订单班文档资料、项目记忆系统、终端模拟系统
500 lines
27 KiB
HTML
500 lines
27 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
|
||
<title>青莳轻食 - AI多智能体协同创业方案</title>
|
||
|
||
<!-- 外部样式 -->
|
||
<link rel="stylesheet" href="css/styles.css">
|
||
|
||
<!-- 字体 -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;600;700;900&display=swap" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<!-- Hero 区域 -->
|
||
<section class="hero">
|
||
<div class="hero-content">
|
||
<div class="hero-badge">AI 多智能体协同</div>
|
||
<h1 class="hero-title">青莳轻食</h1>
|
||
<p class="hero-subtitle">中高端个性化轻食店铺经营方案</p>
|
||
<p class="hero-description">🤖 由 7 位 AI 专家联合打造</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 导航 -->
|
||
<nav class="nav">
|
||
<div class="nav-container">
|
||
<div class="nav-item active">📊 市场</div>
|
||
<div class="nav-item">🎨 品牌</div>
|
||
<div class="nav-item">📍 选址</div>
|
||
<div class="nav-item">🍽️ 菜单</div>
|
||
<div class="nav-item">⚙️ 运营</div>
|
||
<div class="nav-item">👥 团队</div>
|
||
<div class="nav-item">💰 财务</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Section 1: 市场分析 -->
|
||
<section class="section" id="market">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<img class="agent-avatar" src="agent-avatars/餐饮市场调研专家.jpeg" alt="Agent"
|
||
onerror="this.src='data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2280%22 height=%2280%22 viewBox=%220 0 80 80%22%3E%3Crect width=%2280%22 height=%2280%22 fill=%22%23f0f0e8%22/%3E%3Ctext x=%2250%25%22 y=%2250%25%22 dominant-baseline=%22middle%22 text-anchor=%22middle%22 font-size=%2232%22%3E🤖%3C/text%3E%3C/svg%3E'">
|
||
<div class="agent-info">
|
||
<div class="agent-name">🤖 Agent 01 · 餐饮市场调研专家</div>
|
||
<h2 class="section-title">市场分析与定位</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-content">
|
||
<div class="expert-intro">
|
||
<h3>📊 专家分析报告</h3>
|
||
<p>基于2025年餐饮市场数据,轻食赛道呈现持续增长态势。健康意识觉醒、中产阶级崛起、快节奏生活方式共同驱动市场需求。本方案针对25-40岁中高收入人群,主攻商务办公区与高端社区,提供高品质、个性化的轻食解决方案。</p>
|
||
</div>
|
||
|
||
<div class="grid grid-2">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">🎯 目标客群</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="image-container">
|
||
<img data-src="images/健身宣传代言.jpg" alt="目标客群">
|
||
</div>
|
||
<div class="image-caption">健康生活方式倡导者</div>
|
||
<ul class="feature-list">
|
||
<li>✓ 年龄段: 25-40 岁</li>
|
||
<li>✓ 收入: 月收入 8000-30000 元</li>
|
||
<li>✓ 职业: 白领、健身爱好者、孕产群体</li>
|
||
<li>✓ 特征: 健康意识强、追求品质生活</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">📈 市场趋势</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="image-container">
|
||
<img data-src="images/市场宣传营销.jpg" alt="市场趋势">
|
||
</div>
|
||
<div class="image-caption">2025年轻食市场规模持续增长</div>
|
||
<div class="stats">
|
||
<div class="stat-item">
|
||
<div class="stat-label">市场规模增长</div>
|
||
<div class="stat-value">15%</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-label">健康意识提升</div>
|
||
<div class="stat-value">20%</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-label">外卖渗透率</div>
|
||
<div class="stat-value">65%</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 2: 品牌设计 -->
|
||
<section class="section" id="brand">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<img class="agent-avatar" src="agent-avatars/餐饮品牌设计专家.jpeg" alt="Agent"
|
||
onerror="this.src='data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2280%22 height=%2280%22 viewBox=%220 0 80 80%22%3E%3Crect width=%2280%22 height=%2280%22 fill=%22%23f0f0e8%22/%3E%3Ctext x=%2250%25%22 y=%2250%25%22 dominant-baseline=%22middle%22 text-anchor=%22middle%22 font-size=%2232%22%3E🤖%3C/text%3E%3C/svg%3E'">
|
||
<div class="agent-info">
|
||
<div class="agent-name">🤖 Agent 02 · 品牌设计专家</div>
|
||
<h2 class="section-title">品牌定位与形象设计</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-content">
|
||
<div class="expert-intro">
|
||
<h3>🎨 专家设计理念</h3>
|
||
<p>"青莳"取"青春"与"莳种"之意,象征新鲜、健康与生命力。品牌视觉采用清新绿色系,传递自然、健康、活力的品牌形象。Logo以简洁的叶片元素为核心,搭配现代字体,体现专业与品质。整体设计语言贯穿门店、包装、线上平台,形成统一的品牌识别系统。</p>
|
||
</div>
|
||
|
||
<div class="grid grid-2">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">🏷️ 品牌核心</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="image-container">
|
||
<img data-src="images/品牌LOGO.jpg" alt="品牌LOGO">
|
||
</div>
|
||
<div class="image-caption">青莳轻食品牌标识</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">🏪 店面形象</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="image-container">
|
||
<img data-src="images/店面图片_正门.jpg" alt="店面外观">
|
||
</div>
|
||
<div class="image-caption">现代简约风格门店设计</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 3: 选址装修 -->
|
||
<section class="section" id="location">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<img class="agent-avatar" src="agent-avatars/餐厅选址装修专家.jpeg" alt="Agent"
|
||
onerror="this.src='data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2280%22 height=%2280%22 viewBox=%220 0 80 80%22%3E%3Crect width=%2280%22 height=%2280%22 fill=%22%23f0f0e8%22/%3E%3Ctext x=%2250%25%22 y=%2250%25%22 dominant-baseline=%22middle%22 text-anchor=%22middle%22 font-size=%2232%22%3E🤖%3C/text%3E%3C/svg%3E'">
|
||
<div class="agent-info">
|
||
<div class="agent-name">🤖 Agent 03 · 商业选址专家</div>
|
||
<h2 class="section-title">店铺选址与布局规划</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-content">
|
||
<div class="expert-intro">
|
||
<h3>📍 专家选址建议</h3>
|
||
<p>基于目标客群画像与消费行为分析,推荐选址于甲级写字楼、高端商圈、品质社区三大核心场景。面积控制在80-150㎡,既能保证堂食体验,又能高效运营外卖业务。店内采用开放式厨房设计,透明化操作流程,增强顾客信任感。动线设计遵循"点餐-制作-取餐"流程,提升运营效率。</p>
|
||
</div>
|
||
|
||
<div class="grid grid-3">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">🎯 选址标准</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="image-container">
|
||
<img data-src="images/健康食材扫码溯源.jpg" alt="商圈选址">
|
||
</div>
|
||
<div class="image-caption">核心商圈优质点位</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">📐 空间布局</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="image-container">
|
||
<img data-src="images/厨房加工场景.jpg" alt="厨房布局">
|
||
</div>
|
||
<div class="image-caption">开放式厨房设计</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">🏡 店内环境</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="image-container">
|
||
<img data-src="images/店内场景_用餐区.jpg" alt="用餐环境">
|
||
</div>
|
||
<div class="image-caption">清新舒适的用餐环境</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 4: 菜单设计 -->
|
||
<section class="section" id="menu">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<img class="agent-avatar" src="agent-avatars/菜品研发专家.jpeg" alt="Agent"
|
||
onerror="this.src='data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2280%22 height=%2280%22 viewBox=%220 0 80 80%22%3E%3Crect width=%2280%22 height=%2280%22 fill=%22%23f0f0e8%22/%3E%3Ctext x=%2250%25%22 y=%2250%25%22 dominant-baseline=%22middle%22 text-anchor=%22middle%22 font-size=%2232%22%3E🤖%3C/text%3E%3C/svg%3E'">
|
||
<div class="agent-info">
|
||
<div class="agent-name">🤖 Agent 04 · 营养菜单设计师</div>
|
||
<h2 class="section-title">产品菜单与营养设计</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-content">
|
||
<div class="expert-intro">
|
||
<h3>🍽️ 专家设计方案</h3>
|
||
<p>菜单设计遵循"营养均衡、健康低卡、口味丰富"三大原则。产品线涵盖能量碗、沙拉、冷意面、健康饮品四大品类,满足不同场景与需求。每款产品均配有详细营养标签,标注卡路里、蛋白质、碳水、脂肪含量,并提供"减脂""增肌""均衡"等标签,便于顾客快速选择。同时提供DIY定制服务,满足个性化需求。</p>
|
||
</div>
|
||
|
||
<div class="product-grid">
|
||
<div class="product-card">
|
||
<img data-src="images/青莳减脂专属套餐(可换酱汁).jpg" alt="减脂套餐" class="product-image">
|
||
<div class="product-info">
|
||
<div class="product-name">青莳减脂专属套餐</div>
|
||
<div class="product-desc">450 kcal | 蛋白质 35g</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="product-card">
|
||
<img data-src="images/青莳虾仁牛油果沙拉.jpg" alt="虾仁牛油果沙拉" class="product-image">
|
||
<div class="product-info">
|
||
<div class="product-name">青莳虾仁牛油果沙拉</div>
|
||
<div class="product-desc">380 kcal | 蛋白质 28g</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="product-card">
|
||
<img data-src="images/青莳夏季芒果鸡胸冷意面.jpg" alt="芒果鸡胸冷意面" class="product-image">
|
||
<div class="product-info">
|
||
<div class="product-name">青莳夏季芒果鸡胸冷意面</div>
|
||
<div class="product-desc">520 kcal | 蛋白质 32g</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="product-card">
|
||
<img data-src="images/青莳香煎牛肉能量碗.jpg" alt="香煎牛肉能量碗" class="product-image">
|
||
<div class="product-info">
|
||
<div class="product-name">青莳香煎牛肉能量碗</div>
|
||
<div class="product-desc">580 kcal | 蛋白质 38g</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 5: 运营管理 -->
|
||
<section class="section" id="operation">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<img class="agent-avatar" src="agent-avatars/轻食店经营管理专家.jpeg" alt="Agent"
|
||
onerror="this.src='data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2280%22 height=%2280%22 viewBox=%220 0 80 80%22%3E%3Crect width=%2280%22 height=%2280%22 fill=%22%23f0f0e8%22/%3E%3Ctext x=%2250%25%22 y=%2250%25%22 dominant-baseline=%22middle%22 text-anchor=%22middle%22 font-size=%2232%22%3E🤖%3C/text%3E%3C/svg%3E'">
|
||
<div class="agent-info">
|
||
<div class="agent-name">🤖 Agent 05 · 运营管理专家</div>
|
||
<h2 class="section-title">运营管理与流程设计</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-content">
|
||
<div class="expert-intro">
|
||
<h3>⚙️ 专家运营方案</h3>
|
||
<p>建立"标准化+数字化"双轮驱动的运营体系。标准化涵盖食材采购、储存、制作、出餐全流程,通过SOP确保品质稳定。数字化系统包括智能点餐、库存管理、会员系统、数据分析四大模块,实现精细化运营。同时建立7×24小时冷链物流体系,保证食材新鲜度。</p>
|
||
</div>
|
||
|
||
<div class="grid grid-3">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">📋 标准化流程</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="image-container">
|
||
<img data-src="images/厨房冷柜管理.jpg" alt="标准化管理">
|
||
</div>
|
||
<div class="image-caption">规范化食材管理</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">📱 数字化系统</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="image-container">
|
||
<img data-src="images/员工着装以及切配规范.jpg" alt="数字化管理">
|
||
</div>
|
||
<div class="image-caption">智能化运营系统</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">🔥 品质管控</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="image-container">
|
||
<img data-src="images/餐盒包装.jpg" alt="品质管控">
|
||
</div>
|
||
<div class="image-caption">品质管控体系</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 6: 团队建设 -->
|
||
<section class="section" id="team">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<img class="agent-avatar" src="agent-avatars/餐饮团队人员管理专家.jpeg" alt="Agent"
|
||
onerror="this.src='data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2280%22 height=%2280%22 viewBox=%220 0 80 80%22%3E%3Crect width=%2280%22 height=%2280%22 fill=%22%23f0f0e8%22/%3E%3Ctext x=%2250%25%22 y=%2250%25%22 dominant-baseline=%22middle%22 text-anchor=%22middle%22 font-size=%2232%22%3E🤖%3C/text%3E%3C/svg%3E'">
|
||
<div class="agent-info">
|
||
<div class="agent-name">🤖 Agent 06 · 团队建设专家</div>
|
||
<h2 class="section-title">团队架构与人才培养</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-content">
|
||
<div class="expert-intro">
|
||
<h3>👥 专家团队方案</h3>
|
||
<p>建立"精简高效"的团队架构,单店配置8-12人。核心岗位包括店长、营养师、主厨、备餐师、收银员、配送员。店长负责整体运营,营养师提供专业咨询,主厨保证出品品质。建立完善的培训体系,新员工经过7天岗前培训+14天实操带教方能上岗。</p>
|
||
</div>
|
||
|
||
<div class="grid grid-4">
|
||
<div class="card">
|
||
<div class="image-container">
|
||
<img data-src="images/店长.jpg" alt="店长">
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="product-name">店长</div>
|
||
<div class="product-desc">全面运营管理</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="image-container">
|
||
<img data-src="images/厨师.jpg" alt="厨师">
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="product-name">主厨</div>
|
||
<div class="product-desc">菜品制作与品控</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="image-container">
|
||
<img data-src="images/服务员.jpg" alt="服务员">
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="product-name">服务员</div>
|
||
<div class="product-desc">前台接待与服务</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="image-container">
|
||
<img data-src="images/收银员.jpg" alt="收银员">
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="product-name">收银员</div>
|
||
<div class="product-desc">前台收银与管理</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 7: 财务规划 -->
|
||
<section class="section" id="finance">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<img class="agent-avatar" src="agent-avatars/财务预算专家.jpeg" alt="Agent"
|
||
onerror="this.src='data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2280%22 height=%2280%22 viewBox=%220 0 80 80%22%3E%3Crect width=%2280%22 height=%2280%22 fill=%22%23f0f0e8%22/%3E%3Ctext x=%2250%25%22 y=%2250%25%22 dominant-baseline=%22middle%22 text-anchor=%22middle%22 font-size=%2232%22%3E🤖%3C/text%3E%3C/svg%3E'">
|
||
<div class="agent-info">
|
||
<div class="agent-name">🤖 Agent 07 · 财务分析专家</div>
|
||
<h2 class="section-title">财务规划与投资回报</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-content">
|
||
<div class="expert-intro">
|
||
<h3>💰 专家财务分析</h3>
|
||
<p>基于保守预估模型,单店初期投资约50万元,包括装修、设备、首批物料、营运资金。月度运营成本约15万元,涵盖租金、人力、食材、水电等。预计开业3个月后实现盈亏平衡,月营业额达20万元,月净利润4-6万元,ROI约12-15个月。</p>
|
||
</div>
|
||
|
||
<div class="grid grid-2">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">💵 初期投资</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="image-container">
|
||
<img data-src="images/食材备制.jpg" alt="食材投资">
|
||
</div>
|
||
<div class="image-caption">优质食材采购</div>
|
||
|
||
<div class="table-container">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>投资项目</th>
|
||
<th style="text-align: right;">金额(万元)</th>
|
||
<th style="text-align: right;">占比</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>店面装修</td>
|
||
<td style="text-align: right;">15</td>
|
||
<td style="text-align: right;">30%</td>
|
||
</tr>
|
||
<tr>
|
||
<td>设备采购</td>
|
||
<td style="text-align: right;">12</td>
|
||
<td style="text-align: right;">24%</td>
|
||
</tr>
|
||
<tr>
|
||
<td>首批物料</td>
|
||
<td style="text-align: right;">8</td>
|
||
<td style="text-align: right;">16%</td>
|
||
</tr>
|
||
<tr>
|
||
<td>品牌推广</td>
|
||
<td style="text-align: right;">5</td>
|
||
<td style="text-align: right;">10%</td>
|
||
</tr>
|
||
<tr>
|
||
<td>营运资金</td>
|
||
<td style="text-align: right;">10</td>
|
||
<td style="text-align: right;">20%</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>合计</strong></td>
|
||
<td style="text-align: right;"><strong>50</strong></td>
|
||
<td style="text-align: right;"><strong>100%</strong></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">📈 盈利预测</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="image-container">
|
||
<img data-src="images/牛排烹饪.jpg" alt="盈利分析">
|
||
</div>
|
||
<div class="image-caption">高品质产品带来高回报</div>
|
||
|
||
<div class="stats mt-lg">
|
||
<div class="stat-item">
|
||
<div class="stat-label">月营业额(稳定期)</div>
|
||
<div class="stat-value monthly-revenue">20万</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-label">月净利润</div>
|
||
<div class="stat-value monthly-profit">6万</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-label">投资回收期</div>
|
||
<div class="stat-value payback-period">12个月</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 外部脚本 -->
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html>
|