271 行
16 KiB
HTML
可执行文件
271 行
16 KiB
HTML
可执行文件
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="keywords" content="{$webinfo['logo']['keywords']}">
|
|
<meta name="description" content="{$webinfo['logo']['description']}">
|
|
<title>{$webinfo['logo']['indexname']}</title>
|
|
<link href="{$webinfo['logo']['icourl']}" type="image/x-icon" rel="shortcut icon">
|
|
<link rel="stylesheet" href="__PUBLIC__/Webinfo/Modern/css/style.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<!-- 导航栏 -->
|
|
<nav class="navbar">
|
|
<div class="nav-container">
|
|
<div class="nav-brand">
|
|
<img src="{$webinfo['logo']['weblogo']}" alt="Logo" class="brand-logo">
|
|
<span class="brand-text">码上有酒</span>
|
|
</div>
|
|
<div class="nav-menu">
|
|
<a href="javascript:;" class="nav-link active">首页</a>
|
|
<a href="{:U('Main/Product/index')}" class="nav-link">产品</a>
|
|
<a href="{:U('Main/News/index')}" class="nav-link">动态</a>
|
|
<a href="{:U('Main/About/index')}" class="nav-link">关于</a>
|
|
<a href="{:U('Main/Contact/index')}" class="nav-link">联系</a>
|
|
</div>
|
|
<button class="btn-login" onclick="window.location.href='/index.php/Retail/login/index.html'">
|
|
立即登录
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- 主要内容 -->
|
|
<main class="main-content">
|
|
<!-- 英雄区域 -->
|
|
<section class="hero-section">
|
|
<div class="hero-container">
|
|
<div class="hero-content">
|
|
<div class="hero-badge">🚀 新一代零售管理系统</div>
|
|
<h1 class="hero-title">码上有酒<br><span class="gradient-text">智慧零售解决方案</span></h1>
|
|
<p class="hero-description">基于云端的现代化零售管理平台，为您的业务提供全方位的数字化转型支持，让零售变得更简单、更智能、更高效。</p>
|
|
<div class="hero-actions">
|
|
<button class="btn btn-primary">
|
|
<span>免费试用</span>
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
|
|
<path d="M5 12h14m-7-7l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-outline">
|
|
<span>观看演示</span>
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
|
|
<polygon points="5,3 19,12 5,21" fill="currentColor"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="hero-stats">
|
|
<div class="stat-item">
|
|
<div class="stat-number">10,000+</div>
|
|
<div class="stat-label">活跃用户</div>
|
|
</div>
|
|
<div class="stat-item">
|
|
<div class="stat-number">99.9%</div>
|
|
<div class="stat-label">系统稳定性</div>
|
|
</div>
|
|
<div class="stat-item">
|
|
<div class="stat-number">24/7</div>
|
|
<div class="stat-label">技术支持</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hero-visual">
|
|
<div class="hero-card">
|
|
<div class="card-header">
|
|
<div class="card-dots">
|
|
<span></span><span></span><span></span>
|
|
</div>
|
|
<div class="card-title">销售仪表板</div>
|
|
</div>
|
|
<div class="card-content">
|
|
<div class="chart-placeholder">
|
|
<div class="chart-bar" style="height: 60%"></div>
|
|
<div class="chart-bar" style="height: 80%"></div>
|
|
<div class="chart-bar" style="height: 45%"></div>
|
|
<div class="chart-bar" style="height: 90%"></div>
|
|
<div class="chart-bar" style="height: 70%"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 特性展示 -->
|
|
<section class="features-section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 class="section-title">核心功能特性</h2>
|
|
<p class="section-subtitle">为您的零售业务提供全面的数字化解决方案</p>
|
|
</div>
|
|
<div class="features-grid">
|
|
<div class="feature-card">
|
|
<div class="feature-icon">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path d="M3 3v18h18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M18.7 8l-5.1 5.2-2.8-2.7L7 14.3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="feature-title">智能数据分析</h3>
|
|
<p class="feature-description">实时销售数据分析，深度洞察业务趋势，助力科学决策</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<rect x="2" y="3" width="20" height="14" rx="2" ry="2" stroke="currentColor" stroke-width="2" fill="none"/>
|
|
<line x1="8" y1="21" x2="16" y2="21" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="12" y1="17" x2="12" y2="21" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="feature-title">多端同步管理</h3>
|
|
<p class="feature-description">支持PC、平板、手机多端操作，随时随地管理您的业务</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<circle cx="9" cy="7" r="4" stroke="currentColor" stroke-width="2" fill="none"/>
|
|
<path d="M23 21v-2a4 4 0 0 0-3-3.87" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M16 3.13a4 4 0 0 1 0 7.75" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="feature-title">客户关系管理</h3>
|
|
<p class="feature-description">精准客户画像，个性化营销策略，提升客户满意度</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path d="M12 2L2 7l10 5 10-5-10-5z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M2 17l10 5 10-5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M2 12l10 5 10-5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="feature-title">库存智能管理</h3>
|
|
<p class="feature-description">自动化库存监控，智能补货提醒，降低库存成本</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="2" fill="none"/>
|
|
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="feature-title">系统集成配置</h3>
|
|
<p class="feature-description">灵活的系统配置，支持第三方集成，满足个性化需求</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-icon">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path d="M9 12l2 2 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M21 12c-1 0-3-1-3-3s2-3 3-3 3 1 3 3-2 3-3 3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M3 12c1 0 3-1 3-3s-2-3-3-3-3 1-3 3 2 3 3 3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M12 3c0 1-1 3-3 3s-3-2-3-3 1-3 3-3 3 2 3 3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
<path d="M12 21c0-1 1-3 3-3s3 2 3 3-1 3-3 3-3-2-3-3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="feature-title">安全可靠保障</h3>
|
|
<p class="feature-description">企业级安全防护，数据加密传输，保障业务数据安全</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 解决方案 -->
|
|
<section class="solutions-section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 class="section-title">行业解决方案</h2>
|
|
<p class="section-subtitle">针对不同行业特点，提供专业的定制化解决方案</p>
|
|
</div>
|
|
<div class="solutions-grid">
|
|
<div class="solution-card">
|
|
<div class="solution-icon">👔</div>
|
|
<h3 class="solution-title">服装零售</h3>
|
|
<p class="solution-description">智能库存管理，季节性商品分析，提升销售转化率</p>
|
|
<ul class="solution-features">
|
|
<li>尺码库存管理</li>
|
|
<li>季节性分析</li>
|
|
<li>搭配推荐</li>
|
|
</ul>
|
|
</div>
|
|
<div class="solution-card">
|
|
<div class="solution-icon">📱</div>
|
|
<h3 class="solution-title">3C电子</h3>
|
|
<p class="solution-description">产品技术参数管理，售后服务跟踪，提升客户体验</p>
|
|
<ul class="solution-features">
|
|
<li>产品参数库</li>
|
|
<li>售后服务</li>
|
|
<li>技术支持</li>
|
|
</ul>
|
|
</div>
|
|
<div class="solution-card">
|
|
<div class="solution-icon">🥬</div>
|
|
<h3 class="solution-title">食品生鲜</h3>
|
|
<p class="solution-description">保质期管理，冷链监控，确保食品安全与新鲜度</p>
|
|
<ul class="solution-features">
|
|
<li>保质期提醒</li>
|
|
<li>冷链监控</li>
|
|
<li>溯源管理</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA区域 -->
|
|
<section class="cta-section">
|
|
<div class="container">
|
|
<div class="cta-content">
|
|
<h2 class="cta-title">准备开始您的数字化转型之旅？</h2>
|
|
<p class="cta-description">立即体验码上有酒智慧零售解决方案，让您的业务更上一层楼</p>
|
|
<div class="cta-actions">
|
|
<button class="btn btn-primary btn-large">
|
|
免费试用 30 天
|
|
</button>
|
|
<button class="btn btn-outline btn-large">
|
|
联系销售顾问
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- 页脚 -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="footer-content">
|
|
<div class="footer-brand">
|
|
<img src="{$webinfo['logo']['weblogo']}" alt="Logo" class="footer-logo">
|
|
<p class="footer-description">码上有酒 - 新一代智慧零售解决方案</p>
|
|
</div>
|
|
<div class="footer-links">
|
|
<div class="footer-column">
|
|
<h4>产品</h4>
|
|
<a href="#">功能特性</a>
|
|
<a href="#">价格方案</a>
|
|
<a href="#">API文档</a>
|
|
</div>
|
|
<div class="footer-column">
|
|
<h4>支持</h4>
|
|
<a href="#">帮助中心</a>
|
|
<a href="#">技术支持</a>
|
|
<a href="#">联系我们</a>
|
|
</div>
|
|
<div class="footer-column">
|
|
<h4>公司</h4>
|
|
<a href="#">关于我们</a>
|
|
<a href="#">新闻动态</a>
|
|
<a href="#">招贤纳士</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<p>© 2025 码上有酒. 保留所有权利.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="__PUBLIC__/Webinfo/Modern/js/main.js"></script>
|
|
</body>
|
|
</html> |