查看“︁首页”︁的源代码

<templatestyles src="Template:首页/index.css" />

<div class="vend88-home">

	<!-- 顶部欢迎区域 -->
	<div class="vend88-hero">
		<div class="vend88-hero-content">
			<div class="vend88-hero-label">VEND88 帮助中心</div>

			<h1>欢迎您使用 VEND88！</h1>

			<p class="vend88-hero-description">
				如果您在使用 VEND88 时遇到任何问题，可以在这里查找操作指南和解决方案。
			</p>

			<div class="vend88-search">
				<div class="vend88-search-icon">⌕</div>
				<div class="vend88-search-input">
					<inputbox>
						type=search
						placeholder=搜索操作指南、功能或常见问题
						buttonlabel=搜索
						break=no
						width=50
					</inputbox>
				</div>
			</div>

			<div class="vend88-hot-searches">
				<span>常见问题：</span>
				[[VendPOS无法连接网络怎么办？|网络连接]]
				[[打印机不出小票怎么办？|打印机]]
				[[如何打印一日营业报告？|营业报告]]
			</div>
		</div>
	</div>

	<!-- 分类导航 -->
	<div class="vend88-content">

		<div class="vend88-section-heading">
			<h2>浏览帮助主题</h2>
			<p>选择一个分类，快速查找相关操作指南。</p>
		</div>

		<div class="vend88-category-grid">

			<!-- 入门 -->
			<div class="vend88-category-card">
				<div class="vend88-category-icon vend88-icon-start">01</div>

				<div class="vend88-category-content">
					<h2>入门</h2>
					<p>了解 VEND88 的主要产品和基本使用方法。</p>

					<div class="vend88-link-list">
						<div class="vend88-link-item">
							[[VendPOS|<span class="vend88-link-title">VendPOS</span>]]
							<span class="vend88-link-description">了解 VendPOS 的基本功能和操作方式</span>
						</div>

						<div class="vend88-link-item">
							[[KDS|<span class="vend88-link-title">KDS</span>]]
							<span class="vend88-link-description">了解厨房显示系统的配置与使用</span>
						</div>
					</div>
				</div>
			</div>

			<!-- 点单及收银 -->
			<div class="vend88-category-card">
				<div class="vend88-category-icon vend88-icon-order">02</div>

				<div class="vend88-category-content">
					<h2>点单及收银</h2>
					<p>了解如何创建订单、接收付款和完成结账。</p>

					<div class="vend88-link-list">
						<div class="vend88-link-item">
							[[VendPOS点单|<span class="vend88-link-title">VendPOS 点单</span>]]
							<span class="vend88-link-description">使用 VendPOS 创建和管理订单</span>
						</div>

						<div class="vend88-link-item">
							[[二维码点单|<span class="vend88-link-title">二维码点单</span>]]
							<span class="vend88-link-description">设置顾客扫码自助点单</span>
						</div>

						<div class="vend88-link-item">
							[[支付方式|<span class="vend88-link-title">支付方式</span>]]
							<span class="vend88-link-description">配置现金、银行卡及其他支付方式</span>
						</div>
					</div>
				</div>
			</div>

			<!-- 管理 -->
			<div class="vend88-category-card">
				<div class="vend88-category-icon vend88-icon-manage">03</div>

				<div class="vend88-category-content">
					<h2>管理</h2>
					<p>管理菜品、价格、优惠和店铺营业设置。</p>

					<div class="vend88-link-list">
						<div class="vend88-link-item">
							[[修改菜品|<span class="vend88-link-title">修改菜品</span>]]
							<span class="vend88-link-description">编辑菜品信息、价格和库存</span>
						</div>

						<div class="vend88-link-item">
							[[设置节假日附加费|<span class="vend88-link-title">设置节假日附加费</span>]]
							<span class="vend88-link-description">为指定日期设置自动附加费</span>
						</div>

						<div class="vend88-link-item">
							[[优惠券|<span class="vend88-link-title">优惠券</span>]]
							<span class="vend88-link-description">创建、发放和管理优惠券</span>
						</div>
					</div>
				</div>
			</div>

		</div>

		<!-- 常见问题 -->
		<div class="vend88-faq-section">

			<div class="vend88-section-heading">
				<h2>常见问题</h2>
				<p>查看使用 VEND88 时经常遇到的问题。</p>
			</div>

			<div class="vend88-faq-grid">

				<div class="vend88-faq-column">
					<div class="vend88-faq-item">
						<span class="vend88-faq-icon">?</span>
						[[VendPOS无法连接网络怎么办？|VendPOS 无法连接网络怎么办？]]
						<span class="vend88-arrow">›</span>
					</div>

					<div class="vend88-faq-item">
						<span class="vend88-faq-icon">?</span>
						[[打印机不出小票怎么办？|打印机不出小票怎么办？]]
						<span class="vend88-arrow">›</span>
					</div>
				</div>

				<div class="vend88-faq-column">
					<div class="vend88-faq-item">
						<span class="vend88-faq-icon">?</span>
						[[如何打印一日营业报告？|如何打印一日营业报告？]]
						<span class="vend88-arrow">›</span>
					</div>

					<div class="vend88-faq-item">
						<span class="vend88-faq-icon">?</span>
						[[如何为菜品添加选项？|如何为菜品添加选项？]]
						<span class="vend88-arrow">›</span>
					</div>
				</div>

			</div>

			<div class="vend88-faq-more">
				[[常见问题|查看全部常见问题 →]]
			</div>

		</div>

		<!-- 联系支持 -->
		<div class="vend88-support">
			<div class="vend88-support-content">
				<div class="vend88-support-icon">i</div>

				<div class="vend88-support-text">
					<h2>仍然需要帮助？</h2>
					<p>没有找到需要的答案？请联系我们的支持团队。</p>
				</div>

				<div class="vend88-support-action">
					[[联系支持|联系支持]]
				</div>
			</div>
		</div>

	</div>
</div>