admin/38283-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

商场

Browse Source
This commit is contained in:
Flatlogic Bot 2026-02-08 08:38:12 +00:00
parent 25206e6fea
commit f8cf4df9ce
3 changed files with 78 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
assets/css/custom.css
View File

@ -128,10 +128,20 @@ body {
}
/* Carousel Custom Styles */
.carousel-inner {
height: 600px !important;
border-radius: 1.5rem;
}
.carousel-item {
transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}
.carousel-bg {
padding-top: 50px;
padding-bottom: 50px;
}
.category-hover-card {
cursor: pointer;
}
@ -177,6 +187,28 @@ body {
color: white;
}
/* Scrolling Announcement */
.announcement-container {
overflow: hidden;
white-space: nowrap;
position: relative;
}
.announcement-content {
display: inline-block;
padding-left: 100%;
animation: marquee 20s linear infinite;
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
.announcement-container:hover .announcement-content {
animation-play-state: paused;
}
.alert.glass-card {
background: white;
color: var(--text-dark) !important;
@ -187,4 +219,4 @@ body {
}
.text-white-50 {
color: var(--text-muted) !important;
}
}

12
includes/header.php
View File

@ -98,8 +98,14 @@ $tg_link = $settings['tg_support'] ?? 'https://t.me/zhangshihao818';
<div class="container mt-4">
<?php if (isset($settings['notice']) && !empty($settings['notice'])): ?>
<div class="alert glass-card mb-4 border-0 py-3 d-flex align-items-center bg-white shadow-sm" role="alert">
<i class="bi bi-megaphone-fill me-3 fs-4" style="color: var(--primary-color);"></i>
<div class="text-dark"><?php echo $settings['notice']; ?></div>
<div class="alert glass-card mb-4 border-0 py-2 bg-white shadow-sm overflow-hidden" role="alert">
<div class="d-flex align-items-center">
<i class="bi bi-megaphone-fill me-3 fs-5" style="color: var(--primary-color);"></i>
<div class="announcement-container flex-grow-1">
<div class="announcement-content text-dark fw-bold">
<?php echo $settings['notice']; ?> &nbsp;&nbsp;&nbsp;&nbsp;温馨提示：下单后请务必保存订单号，如有问题请联系在线客服处理。&nbsp;&nbsp;&nbsp;&nbsp;官方频道：<?php echo $settings['tg_channel'] ?? '未设置'; ?>
</div>
</div>
</div>
</div>
<?php endif; ?>

73
index.php
View File

@ -24,42 +24,43 @@ $email_tools = getProductsByCategory($db, 4, 4);
$categories = $db->query("SELECT * FROM categories")->fetchAll();
?>
</div> <!-- Close the container opened in header.php -->
<!-- Full Width Carousel Section -->
<div id="heroCarousel" class="carousel slide carousel-fade mb-5 shadow-sm overflow-hidden" data-bs-ride="carousel">
<!-- Carousel Section within Container -->
<div id="heroCarousel" class="carousel slide carousel-fade mb-5 shadow-lg overflow-hidden border-0" data-bs-ride="carousel" style="border-radius: 1.5rem;">
<div class="carousel-indicators">
<button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="0" class="active" aria-current="true"></button>
<button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="2"></button>
</div>
<div class="carousel-inner" style="height: 500px;">
<div class="carousel-item active" data-bs-interval="3000">
<div class="carousel-bg" style="background: linear-gradient(135deg, #fff0f5 0%, #ffe4e1 100%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative;">
<div class="position-absolute w-100 h-100" style="background: url('https://images.pexels.com/photos/1181244/pexels-photo-1181244.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') center/cover; opacity: 0.15;"></div>
<div class="text-center position-relative px-3">
<h2 class="display-3 fw-bold text-dark mb-3">专业软件账号中心</h2>
<p class="fs-4 text-secondary mb-4">全球主流平台，即买即发，稳定质保</p>
<a href="#market" class="btn btn-primary btn-lg px-5 py-3 rounded-pill shadow">立即探索</a>
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="4000">
<div class="carousel-bg" style="background: linear-gradient(135deg, #fff0f5 0%, #ffe4e1 100%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; padding: 100px 20px;">
<div class="position-absolute w-100 h-100" style="background: url('https://images.pexels.com/photos/1181244/pexels-photo-1181244.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') center/cover; opacity: 0.2;"></div>
<div class="text-center position-relative px-3" style="z-index: 10;">
<h2 class="display-3 fw-bold text-dark mb-4">专业软件账号中心</h2>
<p class="fs-4 text-secondary mb-5 max-w-700 mx-auto">全球主流平台，即买即发，稳定质保。我们提供最优质的服务与最可靠的售后支撑。</p>
<div class="d-flex justify-content-center gap-3">
<a href="#market" class="btn btn-primary btn-lg px-5 py-3 rounded-pill shadow">立即探索</a>
<a href="faq.php" class="btn btn-outline-dark btn-lg px-5 py-3 rounded-pill">常见问题</a>
</div>
</div>
</div>
</div>
<div class="carousel-item" data-bs-interval="3000">
<div class="carousel-bg" style="background: linear-gradient(135deg, #e0f7fa 0%, #fff0f5 100%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative;">
<div class="position-absolute w-100 h-100" style="background: url('https://images.pexels.com/photos/546819/pexels-photo-546819.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') center/cover; opacity: 0.15;"></div>
<div class="text-center position-relative px-3">
<h2 class="display-3 fw-bold text-dark mb-3">AI 办公提效神器</h2>
<p class="fs-4 text-secondary mb-4">ChatGPT, Midjourney 独享权限，开启智能时代</p>
<div class="carousel-item" data-bs-interval="4000">
<div class="carousel-bg" style="background: linear-gradient(135deg, #e0f7fa 0%, #fff0f5 100%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; padding: 100px 20px;">
<div class="position-absolute w-100 h-100" style="background: url('https://images.pexels.com/photos/546819/pexels-photo-546819.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') center/cover; opacity: 0.2;"></div>
<div class="text-center position-relative px-3" style="z-index: 10;">
<h2 class="display-3 fw-bold text-dark mb-4">AI 办公提效神器</h2>
<p class="fs-4 text-secondary mb-5">ChatGPT, Midjourney 独享权限，开启智能时代。提升您的工作效率，抢占未来先机。</p>
<a href="category.php?id=3" class="btn btn-primary btn-lg px-5 py-3 rounded-pill shadow">立即升级</a>
</div>
</div>
</div>
<div class="carousel-item" data-bs-interval="3000">
<div class="carousel-bg" style="background: linear-gradient(135deg, #fffaf0 0%, #fff0f5 100%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative;">
<div class="position-absolute w-100 h-100" style="background: url('https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') center/cover; opacity: 0.15;"></div>
<div class="text-center position-relative px-3">
<h2 class="display-3 fw-bold text-dark mb-3">全自动 24H 交付</h2>
<p class="fs-4 text-secondary mb-4">下单后自动发货至订单页面，无需人工干预</p>
<div class="carousel-item" data-bs-interval="4000">
<div class="carousel-bg" style="background: linear-gradient(135deg, #fffaf0 0%, #fff0f5 100%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; padding: 100px 20px;">
<div class="position-absolute w-100 h-100" style="background: url('https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') center/cover; opacity: 0.2;"></div>
<div class="text-center position-relative px-3" style="z-index: 10;">
<h2 class="display-3 fw-bold text-dark mb-4">全自动 24H 交付</h2>
<p class="fs-4 text-secondary mb-5">下单后系统自动发货，卡密信息实时到达订单中心，无需人工干预，极速体验。</p>
<a href="orders.php" class="btn btn-primary btn-lg px-5 py-3 rounded-pill shadow">查询订单</a>
</div>
</div>
@ -73,8 +74,6 @@ $categories = $db->query("SELECT * FROM categories")->fetchAll();
</button>
</div>
<div class="container"> <!-- Re-open the container -->
<!-- Categories Quick Links -->
<div class="row g-3 mb-5">
<?php foreach ($categories as $cat): ?>
@ -82,7 +81,7 @@ $categories = $db->query("SELECT * FROM categories")->fetchAll();
<a href="category.php?id=<?php echo $cat['id']; ?>" class="text-decoration-none">
<div class="glass-card p-4 text-center h-100 category-hover-card bg-white shadow-sm border-0">
<i class="bi <?php echo $cat['icon'] ?: 'bi-grid-fill'; ?> display-5 mb-3 d-block" style="color: var(--primary-color);"></i>
<h5 class="text-dark mb-0"><?php echo $cat['name']; ?></h5>
<h5 class="text-dark mb-0 fw-bold"><?php echo $cat['name']; ?></h5>
</div>
</a>
</div>
@ -94,10 +93,10 @@ $categories = $db->query("SELECT * FROM categories")->fetchAll();
<div class="mb-5">
<div class="d-flex justify-content-between align-items-end mb-4">
<div>
<h2 class="h1 mb-0"><i class="bi bi-fire text-danger me-2"></i>热门推荐</h2>
<h2 class="h1 mb-0 fw-bold text-dark"><i class="bi bi-fire text-danger me-2"></i>热门推荐</h2>
<p class="text-muted">当前最畅销的高质量软件账号</p>
</div>
<a href="search.php" class="btn btn-outline-primary rounded-pill">查看全部</a>
<a href="search.php" class="btn btn-outline-primary rounded-pill px-4">查看全部</a>
</div>
<div class="row g-4">
<?php foreach ($hot_products as $product): ?>
@ -110,7 +109,7 @@ $categories = $db->query("SELECT * FROM categories")->fetchAll();
<!-- Social Accounts (8 items) -->
<div class="mb-5">
<h3 class='text-dark mb-4 mt-5 d-flex align-items-center'><span class='category-accent me-3'></span> 社交账号</h3>
<h3 class='text-dark mb-4 mt-5 d-flex align-items-center fw-bold'><span class='category-accent me-3'></span> 社交账号展示区</h3>
<div class="row g-4">
<?php foreach ($social_accounts as $product): ?>
<div class="col-6 col-lg-3">
@ -122,7 +121,7 @@ $categories = $db->query("SELECT * FROM categories")->fetchAll();
<!-- Overseas Social (8 items) -->
<div class="mb-5">
<h3 class='text-dark mb-4 mt-5 d-flex align-items-center'><span class='category-accent me-3'></span> 海外社交</h3>
<h3 class='text-dark mb-4 mt-5 d-flex align-items-center fw-bold'><span class='category-accent me-3'></span> 海外社交商品区</h3>
<div class="row g-4">
<?php foreach ($overseas_social as $product): ?>
<div class="col-6 col-lg-3">
@ -134,7 +133,7 @@ $categories = $db->query("SELECT * FROM categories")->fetchAll();
<!-- AI Office (4 items) -->
<div class="mb-5">
<h3 class='text-dark mb-4 mt-5 d-flex align-items-center'><span class='category-accent me-3'></span> AI 办公</h3>
<h3 class='text-dark mb-4 mt-5 d-flex align-items-center fw-bold'><span class='category-accent me-3'></span> AI 办公展示区</h3>
<div class="row g-4">
<?php foreach ($ai_office as $product): ?>
<div class="col-6 col-lg-3">
@ -146,7 +145,7 @@ $categories = $db->query("SELECT * FROM categories")->fetchAll();
<!-- Email Tools (4 items) -->
<div class="mb-5">
<h3 class='text-dark mb-4 mt-5 d-flex align-items-center'><span class='category-accent me-3'></span> 邮箱工具</h3>
<h3 class='text-dark mb-4 mt-5 d-flex align-items-center fw-bold'><span class='category-accent me-3'></span> 邮箱工具展示区</h3>
<div class="row g-4">
<?php foreach ($email_tools as $product): ?>
<div class="col-6 col-lg-3">
@ -164,7 +163,7 @@ $categories = $db->query("SELECT * FROM categories")->fetchAll();
<div class="bg-primary bg-opacity-10 rounded-circle d-inline-flex p-4 mb-3">
<i class="bi bi-lightning-charge fs-1 text-primary"></i>
</div>
<h4 class="text-dark">秒速发货</h4>
<h4 class="text-dark fw-bold">秒速发货</h4>
<p class="text-muted small">系统自动处理订单，即买即用无需等待。</p>
</div>
</div>
@ -173,7 +172,7 @@ $categories = $db->query("SELECT * FROM categories")->fetchAll();
<div class="bg-success bg-opacity-10 rounded-circle d-inline-flex p-4 mb-3">
<i class="bi bi-shield-check fs-1 text-success"></i>
</div>
<h4 class="text-dark">质量保障</h4>
<h4 class="text-dark fw-bold">质量保障</h4>
<p class="text-muted small">所有账号均通过质保测试，安全稳定可靠。</p>
</div>
</div>
@ -182,7 +181,7 @@ $categories = $db->query("SELECT * FROM categories")->fetchAll();
<div class="bg-info bg-opacity-10 rounded-circle d-inline-flex p-4 mb-3">
<i class="bi bi-headset fs-1 text-info"></i>
</div>
<h4 class="text-dark">优质售后</h4>
<h4 class="text-dark fw-bold">优质售后</h4>
<p class="text-muted small">7x24小时专业客服团队，为您排忧解难。</p>
</div>
</div>
@ -191,7 +190,7 @@ $categories = $db->query("SELECT * FROM categories")->fetchAll();
<div class="bg-warning bg-opacity-10 rounded-circle d-inline-flex p-4 mb-3">
<i class="bi bi-currency-bitcoin fs-1 text-warning"></i>
</div>
<h4 class="text-dark">USDT 支付</h4>
<h4 class="text-dark fw-bold">USDT 支付</h4>
<p class="text-muted small">支持主流加密货币支付，隐私安全有保障。</p>
</div>
</div>