中科集团HTML托管
返回管理
编辑页面
页面标题
有效期
7天
30天
90天
修改后将从当前时间重新计算过期时间
CSS文件（可选）
JS文件（可选）
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=1.0, user-scalable=no"> <title>鲜享点餐 - 家的味道</title> <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=Noto+Sans+SC:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="css/style.css"> <script src="https://unpkg.com/lucide@latest"></script> </head> <body> <div class="page"> <!-- Navbar --> <header class="navbar"> <div class="navbar-inner"> <div class="logo"> <svg viewBox="0 0 32 32" fill="none"> <circle cx="16" cy="16" r="14" fill="#FF6B35"/> <path d="M10 12C10 12 12 16 16 16C20 16 22 12 22 12" stroke="white" stroke-width="2" stroke-linecap="round"/> <path d="M10 20C10 20 12 16 16 16C20 16 22 20 22 20" stroke="white" stroke-width="2" stroke-linecap="round"/> <circle cx="12" cy="13" r="1.5" fill="white"/> <circle cx="20" cy="13" r="1.5" fill="white"/> </svg> <span>鲜享点餐</span> </div> <div class="location"> <i data-lucide="map-pin"></i> <span>南山科技园</span> </div> <button class="search-btn" onclick="openSearch()"> <i data-lucide="search"></i> </button> <button class="user-btn" onclick="location.href='order.html'"> <i data-lucide="user"></i> </button> </div> </header> <!-- Main Content --> <main style="padding-top: 64px;"> <!-- Mode Switcher --> <div class="mode-switcher"> <button class="mode-tab active" data-mode="pickup" onclick="switchMode('pickup')"> <i data-lucide="shopping-bag" style="width:16px;height:16px;margin-right:4px;vertical-align:middle;"></i> 堂食自提 </button> <button class="mode-tab" data-mode="delivery" onclick="switchMode('delivery')"> <i data-lucide="truck" style="width:16px;height:16px;margin-right:4px;vertical-align:middle;"></i> 外卖配送 </button> </div> <!-- Category Scroll --> <div class="category-scroll" id="categoryScroll"> <!-- Categories will be rendered here --> </div> <!-- Banner Carousel --> <div class="banner-carousel" id="bannerCarousel"> <div class="banner-track" id="bannerTrack"> <div class="banner-slide"> <img src="https://images.unsplash.com/photo-1546549032-9571cd6b27df?w=800&h=450&fit=crop" alt="限时优惠"> </div> <div class="banner-slide"> <img src="https://images.unsplash.com/photo-1555244162-803834f70033?w=800&h=450&fit=crop" alt="新品上市"> </div> <div class="banner-slide"> <img src="https://images.unsplash.com/photo-1504674900247-0877df9cc836?w=800&h=450&fit=crop" alt="会员专享"> </div> </div> <div class="banner-dots" id="bannerDots"> <span class="banner-dot active"></span> <span class="banner-dot"></span> <span class="banner-dot"></span> </div> </div> <!-- Popular Packages Section --> <section class="mb-4"> <div class="section-header"> <h2 class="section-title"> <i data-lucide="flame" style="color:#FF6B35;"></i> 爆款套餐 </h2> <a href="packages.html" class="section-more"> 查看全部 <i data-lucide="chevron-right"></i> </a> </div> <div class="package-scroll" id="packageScroll"> <!-- Packages will be rendered here --> </div> </section> <!-- Activities Section --> <section class="mb-4"> <div class="section-header"> <h2 class="section-title"> <i data-lucide="sparkles"></i> 活动推荐 </h2> <a href="activities.html" class="section-more"> 更多活动 <i data-lucide="chevron-right"></i> </a> </div> <div class="activity-grid" id="activityGrid"> <!-- Activities will be rendered here --> </div> </section> <!-- Food List by Category --> <section id="foodListSection"> <div class="section-header"> <h2 class="section-title"> <i data-lucide="utensils"></i> <span id="categoryTitle">推荐菜品</span> </h2> </div> <div class="food-grid" id="foodGrid"> <!-- Foods will be rendered here --> </div> </section> </main> <!-- Bottom Navigation --> <nav class="bottom-nav"> <div class="nav-inner"> <a href="index.html" class="nav-item active"> <i data-lucide="home"></i> <span>首页</span> </a> <a href="activities.html" class="nav-item"> <i data-lucide="gift"></i> <span>活动</span> </a> <a href="#" class="nav-item" onclick="openCart(event)"> <i data-lucide="shopping-cart"></i> <span>购物车</span> </a> <a href="order.html" class="nav-item"> <i data-lucide="receipt"></i> <span>订单</span> </a> </div> </nav> </div> <!-- Cart Sidebar --> <div class="cart-overlay" id="cartOverlay" onclick="closeCart()"></div> <div class="cart-sidebar" id="cartSidebar"> <div class="cart-header"> <h3 class="cart-title">购物车</h3> <button class="cart-clear" onclick="clearCart()">清空</button> </div> <div class="cart-items" id="cartItems"> <!-- Cart items will be rendered here --> </div> <div class="cart-footer"> <div class="cart-total"> <span class="cart-total-label">合计</span> <span class="cart-total-value" id="cartTotal">¥0.00</span> </div> <button class="cart-submit" onclick="goToCheckout()" id="checkoutBtn"> 去结算 </button> </div> </div> <!-- Toast --> <div class="toast" id="toast"> <i data-lucide="check-circle"></i> <span id="toastMessage">操作成功</span> </div> <script src="js/data.js"></script> <script src="js/main.js"></script> <script> // Initialize Lucide icons lucide.createIcons(); </script> </body> </html>
保存更改
取消
访问码:
zxswrdyi
复制链接
重新生成