Compare commits
19 Commits
8daf4d0696
...
v1.4.0
| Author | SHA1 | Date | |
|---|---|---|---|
| a3d2398f83 | |||
| 80291c6a6a | |||
| 1ff3d28ff7 | |||
| 3d7ed2c16b | |||
| ade2c6bea8 | |||
| 2f4b0f8b76 | |||
| 9fcdea0061 | |||
| d7d8e2aa77 | |||
| cfe07c9df5 | |||
| 5eb49defe1 | |||
| 00e8eed191 | |||
| aeec3e4f0d | |||
| 251a13c368 | |||
| 73a51fcffc | |||
| b75a159d70 | |||
| d7cb06f4a9 | |||
| 40d4a41461 | |||
| 84a5e319cb | |||
| 456b2ede8a |
@@ -366,6 +366,18 @@ class System
|
|||||||
'url' => (string)url('/index/topic/laptop/index')
|
'url' => (string)url('/index/topic/laptop/index')
|
||||||
],
|
],
|
||||||
]
|
]
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'id' => 9,
|
||||||
|
'name' => '闪存(SSD)专题',
|
||||||
|
'url' => '',
|
||||||
|
'children' => [
|
||||||
|
[
|
||||||
|
'id' => 101,
|
||||||
|
'name' => '首页',
|
||||||
|
'url' => (string)url('/index/topic/ssd/index')
|
||||||
|
],
|
||||||
|
]
|
||||||
]
|
]
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|||||||
52
app/index/controller/TopicSsd.php
Normal file
52
app/index/controller/TopicSsd.php
Normal file
@@ -0,0 +1,52 @@
|
|||||||
|
<?php
|
||||||
|
declare (strict_types = 1);
|
||||||
|
|
||||||
|
namespace app\index\controller;
|
||||||
|
|
||||||
|
use app\index\model\SysBannerModel;
|
||||||
|
use think\facade\View;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 专题 - SSD
|
||||||
|
*/
|
||||||
|
class TopicSsd extends Common
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* 专题 - SSD首页
|
||||||
|
*/
|
||||||
|
public function index()
|
||||||
|
{
|
||||||
|
$banners = SysBannerModel::with([
|
||||||
|
'items' => function ($query) {
|
||||||
|
$query->withoutField(['sort', 'created_at', 'updated_at', 'deleted_at'])
|
||||||
|
->order(['sort' => 'asc', 'id' => 'desc'])
|
||||||
|
->enabled(true);
|
||||||
|
}
|
||||||
|
])
|
||||||
|
->atPlatform(request()->from)
|
||||||
|
->uniqueLabel([
|
||||||
|
'BANNER_69faaf8582967', // 专题 - 闪存(SSD)首页 - 焦点图
|
||||||
|
'BANNER_69fab1bed8f71', // 专题 - 闪存(SSD)首页 - 产品
|
||||||
|
])
|
||||||
|
->language($this->lang_id)
|
||||||
|
->enabled(true)
|
||||||
|
->order(['sort' => 'asc', 'id' => 'desc'])
|
||||||
|
->select();
|
||||||
|
|
||||||
|
$data = [];
|
||||||
|
if (!$banners->isEmpty()) {
|
||||||
|
$banners_map = [];
|
||||||
|
foreach ($banners as $banner) {
|
||||||
|
$banners_map[$banner->unique_label] = $banner;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 焦点图轮播图
|
||||||
|
$data['top_focus_images'] = data_get($banners_map, 'BANNER_69faaf8582967')?->items->toArray();
|
||||||
|
// 产品
|
||||||
|
$data['products'] = data_get($banners_map, 'BANNER_69fab1bed8f71')?->items->toArray();
|
||||||
|
}
|
||||||
|
View::assign('data', $data);
|
||||||
|
|
||||||
|
return View::fetch('index');
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -119,6 +119,12 @@ Route::group('topic', function () {
|
|||||||
// 专题 - 笔记本电脑首页
|
// 专题 - 笔记本电脑首页
|
||||||
Route::get('index', 'TopicLaptop/index');
|
Route::get('index', 'TopicLaptop/index');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// 专题 - SSD
|
||||||
|
Route::group('ssd', function() {
|
||||||
|
// 专题 - SSD首页
|
||||||
|
Route::get('index', 'TopicSsd/index');
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
// 数据迁移
|
// 数据迁移
|
||||||
|
|||||||
43
app/index/view/mobile/topic_ssd/index.html
Normal file
43
app/index/view/mobile/topic_ssd/index.html
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
{extend name="public/base" /}
|
||||||
|
{block name="style"}
|
||||||
|
<link rel="stylesheet" href="__CSS__/topic_laptop/header.css">
|
||||||
|
<link rel="stylesheet" href="__CSS__/topic_laptop/footer.css">
|
||||||
|
<link rel="stylesheet" href="__CSS__/topic_ssd/index.css">
|
||||||
|
<!-- 将rem适配JS移到这里,确保优先执行 -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
(function (doc, win)
|
||||||
|
{
|
||||||
|
var docEl = doc.documentElement;
|
||||||
|
var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
|
||||||
|
|
||||||
|
function setRootFontSize ()
|
||||||
|
{
|
||||||
|
var clientWidth = docEl.clientWidth;
|
||||||
|
if (!clientWidth) return;
|
||||||
|
var fontSize = clientWidth / 7.5;
|
||||||
|
// 直接修改内联样式,优先级最高
|
||||||
|
docEl.setAttribute('style', 'font-size: ' + fontSize + 'px !important;');
|
||||||
|
}
|
||||||
|
|
||||||
|
setRootFontSize();
|
||||||
|
win.addEventListener(resizeEvt, setRootFontSize);
|
||||||
|
doc.addEventListener('DOMContentLoaded', setRootFontSize);
|
||||||
|
})(document, window);
|
||||||
|
</script>
|
||||||
|
{/block}
|
||||||
|
{block name="main"}
|
||||||
|
<div class="m-sc-main" style="margin-top:42px;">
|
||||||
|
{volist name="data.top_focus_images" id="item"}
|
||||||
|
<a href="{$item.link}" class="m-sc-mt20">
|
||||||
|
<img src="{$item.image}" alt="" class="m-sc-main-img" loading="lazy">
|
||||||
|
</a>
|
||||||
|
{/volist}
|
||||||
|
<div class="m-sc-main-imgs m-sc-mt20 m-sc-mb34">
|
||||||
|
{volist name="data.products" id="item"}
|
||||||
|
<a href="{$item.link}" class="">
|
||||||
|
<img src="{$item.image}" alt="" class="m-sc-main-img1" loading="lazy">
|
||||||
|
</a>
|
||||||
|
{/volist}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/block}
|
||||||
@@ -14,7 +14,7 @@
|
|||||||
<div class="header-nav-item" >
|
<div class="header-nav-item" >
|
||||||
<div class="header-nav-title">{:lang_i18n('产品列表')}</div>
|
<div class="header-nav-title">{:lang_i18n('产品列表')}</div>
|
||||||
<!-- style=" opacity: 1;" -->
|
<!-- style=" opacity: 1;" -->
|
||||||
<div class="header-dropdown" >
|
<div class="header-dropdown" style=" opacity: 1;">
|
||||||
<div class="header-dropdown-tabs">
|
<div class="header-dropdown-tabs">
|
||||||
{volist name="header_categorys" id="vo" key="idx"}
|
{volist name="header_categorys" id="vo" key="idx"}
|
||||||
<a href="{:url('product/category', ['id' => $vo.id])}" class="header-tab-item {if condition="$idx == 1"}active{/if}" data-tab="tag-{$vo.id}">{$vo.name}</a>
|
<a href="{:url('product/category', ['id' => $vo.id])}" class="header-tab-item {if condition="$idx == 1"}active{/if}" data-tab="tag-{$vo.id}">{$vo.name}</a>
|
||||||
@@ -350,7 +350,6 @@
|
|||||||
if (mhk && mhk.style.display !== 'block') {
|
if (mhk && mhk.style.display !== 'block') {
|
||||||
// 保存当前滚动位置
|
// 保存当前滚动位置
|
||||||
scrollTopPosition = window.pageYOffset || document.documentElement.scrollTop;
|
scrollTopPosition = window.pageYOffset || document.documentElement.scrollTop;
|
||||||
|
|
||||||
mhk.style.display = 'block';
|
mhk.style.display = 'block';
|
||||||
|
|
||||||
// 禁止滚动,保持位置
|
// 禁止滚动,保持位置
|
||||||
@@ -377,75 +376,17 @@
|
|||||||
hasNavOpen = true;
|
hasNavOpen = true;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
if (!isBuyOpen && !isSearchOpen && !isLangOpen && !hasNavOpen) {
|
|
||||||
mhk.style.display = 'none';
|
mhk.style.display = 'none';
|
||||||
|
|
||||||
// 恢复滚动
|
// 恢复滚动
|
||||||
body.style.position = '';
|
body.style.position = '';
|
||||||
body.style.top = '';
|
body.style.top = '';
|
||||||
body.style.left = '';
|
body.style.left = '';
|
||||||
body.style.right = '';
|
body.style.right = '';
|
||||||
body.style.width = '';
|
body.style.width = '';
|
||||||
|
|
||||||
// 恢复滚动位置
|
// 恢复滚动位置
|
||||||
window.scrollTo(0, scrollTopPosition);
|
window.scrollTo(0, scrollTopPosition);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
// ========== header-dropdown 导航下拉菜单打开时显示蒙版 ==========
|
|
||||||
function initNavDropdownOverlay() {
|
|
||||||
const navItems = document.querySelectorAll('.header-nav-item');
|
|
||||||
let hideTimer = null;
|
|
||||||
|
|
||||||
navItems.forEach(item => {
|
|
||||||
const dropdown = item.querySelector('.header-dropdown');
|
|
||||||
if (!dropdown) return;
|
|
||||||
|
|
||||||
// 鼠标移入导航项
|
|
||||||
item.addEventListener('mouseenter', () => {
|
|
||||||
if (hideTimer) clearTimeout(hideTimer);
|
|
||||||
openOverlay();
|
|
||||||
});
|
|
||||||
|
|
||||||
// 鼠标移出导航项
|
|
||||||
item.addEventListener('mouseleave', () => {
|
|
||||||
hideTimer = setTimeout(() => {
|
|
||||||
const isHoveringDropdown = dropdown && dropdown.matches(':hover');
|
|
||||||
if (!isHoveringDropdown) {
|
|
||||||
const isBuyOpen = buyDropdown && buyDropdown.classList.contains('show');
|
|
||||||
const isSearchOpen = searchDropdown && searchDropdown.classList.contains('show');
|
|
||||||
const isLangOpen = langDropdown && langDropdown.classList.contains('show');
|
|
||||||
if (!isBuyOpen && !isSearchOpen && !isLangOpen) {
|
|
||||||
closeOverlay();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}, 100);
|
|
||||||
});
|
|
||||||
|
|
||||||
// 鼠标移入下拉菜单
|
|
||||||
dropdown.addEventListener('mouseenter', () => {
|
|
||||||
if (hideTimer) clearTimeout(hideTimer);
|
|
||||||
openOverlay();
|
|
||||||
});
|
|
||||||
|
|
||||||
// 鼠标移出下拉菜单
|
|
||||||
dropdown.addEventListener('mouseleave', () => {
|
|
||||||
hideTimer = setTimeout(() => {
|
|
||||||
const isHoveringNav = item && item.matches(':hover');
|
|
||||||
if (!isHoveringNav) {
|
|
||||||
const isBuyOpen = buyDropdown && buyDropdown.classList.contains('show');
|
|
||||||
const isSearchOpen = searchDropdown && searchDropdown.classList.contains('show');
|
|
||||||
const isLangOpen = langDropdown && langDropdown.classList.contains('show');
|
|
||||||
if (!isBuyOpen && !isSearchOpen && !isLangOpen) {
|
|
||||||
closeOverlay();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}, 100);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 关闭所有导航下拉菜单
|
// 关闭所有导航下拉菜单
|
||||||
function closeAllNavDropdowns() {
|
function closeAllNavDropdowns() {
|
||||||
@@ -604,15 +545,13 @@
|
|||||||
setupDropdownObserver(searchDropdown);
|
setupDropdownObserver(searchDropdown);
|
||||||
setupDropdownObserver(langDropdown);
|
setupDropdownObserver(langDropdown);
|
||||||
|
|
||||||
// ========== header-dropdown JS 控制版本(带防抖) ==========
|
// ========== 监听下拉菜单打开状态,自动控制蒙版 ==========
|
||||||
function initHeaderDropdown() {
|
|
||||||
const navItems = document.querySelectorAll('.header-nav-item');
|
|
||||||
let hoverTimer = null;
|
|
||||||
let leaveTimer = null;
|
|
||||||
let currentOpenDropdown = null;
|
|
||||||
|
|
||||||
// 获取所有下拉菜单并设置初始状态
|
function initHeaderDropdown() {
|
||||||
|
// 获取所有下拉菜单
|
||||||
const allDropdowns = document.querySelectorAll('.header-dropdown');
|
const allDropdowns = document.querySelectorAll('.header-dropdown');
|
||||||
|
|
||||||
|
// 设置初始样式
|
||||||
allDropdowns.forEach(dropdown => {
|
allDropdowns.forEach(dropdown => {
|
||||||
dropdown.style.opacity = '0';
|
dropdown.style.opacity = '0';
|
||||||
dropdown.style.transform = 'translateY(-1.25em)';
|
dropdown.style.transform = 'translateY(-1.25em)';
|
||||||
@@ -620,115 +559,110 @@
|
|||||||
dropdown.style.transition = 'opacity 0.3s ease, transform 0.3s ease';
|
dropdown.style.transition = 'opacity 0.3s ease, transform 0.3s ease';
|
||||||
});
|
});
|
||||||
|
|
||||||
// 显示下拉菜单
|
// 监听单个下拉菜单的样式变化
|
||||||
function showDropdown(dropdown) {
|
function observeDropdown(dropdown) {
|
||||||
if (!dropdown) return;
|
const observer = new MutationObserver(() => {
|
||||||
// 关闭当前打开的
|
const isOpen = dropdown.style.opacity === '1';
|
||||||
if (currentOpenDropdown && currentOpenDropdown !== dropdown) {
|
if (isOpen) {
|
||||||
hideDropdown(currentOpenDropdown);
|
openOverlay();
|
||||||
}
|
} else {
|
||||||
dropdown.style.opacity = '1';
|
let anyOpen = false;
|
||||||
dropdown.style.transform = 'translateY(0)';
|
allDropdowns.forEach(d => {
|
||||||
dropdown.style.pointerEvents = 'auto';
|
if (d.style.opacity === '1') anyOpen = true;
|
||||||
currentOpenDropdown = dropdown;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 隐藏下拉菜单
|
|
||||||
function hideDropdown(dropdown) {
|
|
||||||
if (!dropdown) return;
|
|
||||||
dropdown.style.opacity = '0';
|
|
||||||
dropdown.style.transform = 'translateY(-1.25em)';
|
|
||||||
dropdown.style.pointerEvents = 'none';
|
|
||||||
if (currentOpenDropdown === dropdown) {
|
|
||||||
currentOpenDropdown = null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 隐藏所有下拉菜单
|
|
||||||
function hideAllDropdowns() {
|
|
||||||
allDropdowns.forEach(dropdown => {
|
|
||||||
dropdown.style.opacity = '0';
|
|
||||||
dropdown.style.transform = 'translateY(-1.25em)';
|
|
||||||
dropdown.style.pointerEvents = 'none';
|
|
||||||
});
|
});
|
||||||
currentOpenDropdown = null;
|
if (!anyOpen) {
|
||||||
|
closeOverlay();
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
observer.observe(dropdown, {
|
||||||
|
attributes: true,
|
||||||
|
attributeFilter: ['style']
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 为每个下拉菜单添加监听
|
||||||
|
allDropdowns.forEach(dropdown => {
|
||||||
|
observeDropdown(dropdown);
|
||||||
|
});
|
||||||
|
|
||||||
|
// 鼠标悬停控制下拉菜单显示/隐藏
|
||||||
|
const navItems = document.querySelectorAll('.header-nav-item');
|
||||||
|
|
||||||
navItems.forEach(item => {
|
navItems.forEach(item => {
|
||||||
const dropdown = item.querySelector('.header-dropdown');
|
const dropdown = item.querySelector('.header-dropdown');
|
||||||
if (!dropdown) return;
|
if (!dropdown) return;
|
||||||
|
|
||||||
// 鼠标移入导航项
|
let timer = null;
|
||||||
|
let isHovering = false; // 增加悬停状态标记
|
||||||
|
|
||||||
|
// 显示下拉菜单的函数
|
||||||
|
const showDropdown = () => {
|
||||||
|
if (timer) clearTimeout(timer);
|
||||||
|
if (dropdown.style.opacity === '1') return;
|
||||||
|
dropdown.style.opacity = '1';
|
||||||
|
dropdown.style.transform = 'translateY(0)';
|
||||||
|
dropdown.style.pointerEvents = 'auto';
|
||||||
|
};
|
||||||
|
|
||||||
|
// 隐藏下拉菜单的函数
|
||||||
|
const hideDropdown = () => {
|
||||||
|
if (timer) clearTimeout(timer);
|
||||||
|
if (dropdown.style.opacity === '0') return;
|
||||||
|
dropdown.style.opacity = '0';
|
||||||
|
dropdown.style.transform = 'translateY(-1.25em)';
|
||||||
|
dropdown.style.pointerEvents = 'none';
|
||||||
|
};
|
||||||
|
|
||||||
item.addEventListener('mouseenter', () => {
|
item.addEventListener('mouseenter', () => {
|
||||||
// 清除离开定时器
|
isHovering = true;
|
||||||
if (leaveTimer) clearTimeout(leaveTimer);
|
clearTimeout(timer);
|
||||||
if (hoverTimer) clearTimeout(hoverTimer);
|
showDropdown();
|
||||||
|
});
|
||||||
|
|
||||||
// 防抖:延迟100ms再显示,避免频繁触发
|
item.addEventListener('mouseleave', (e) => {
|
||||||
hoverTimer = setTimeout(() => {
|
isHovering = false;
|
||||||
// 关闭其他弹窗(搜索、语言、购买)
|
// 检查鼠标是否移到了下拉菜单上
|
||||||
if (searchDropdown) searchDropdown.classList.remove('show');
|
const relatedTarget = e.relatedTarget;
|
||||||
if (langDropdown) langDropdown.classList.remove('show');
|
const isMovingToDropdown = dropdown.contains(relatedTarget);
|
||||||
if (buyDropdown) buyDropdown.classList.remove('show');
|
|
||||||
|
|
||||||
showDropdown(dropdown);
|
if (isMovingToDropdown) {
|
||||||
// 打开蒙版层
|
// 如果移向下拉菜单,不清除,等待下拉菜单的 mouseenter
|
||||||
if (typeof openOverlay === 'function') openOverlay();
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
timer = setTimeout(() => {
|
||||||
|
if (!isHovering && !dropdown.matches(':hover')) {
|
||||||
|
hideDropdown();
|
||||||
|
}
|
||||||
}, 100);
|
}, 100);
|
||||||
});
|
});
|
||||||
|
|
||||||
// 鼠标移出导航项
|
|
||||||
item.addEventListener('mouseleave', () => {
|
|
||||||
// 清除移入定时器
|
|
||||||
if (hoverTimer) clearTimeout(hoverTimer);
|
|
||||||
|
|
||||||
// 延迟300ms再隐藏,给用户移动到下拉菜单的时间
|
|
||||||
leaveTimer = setTimeout(() => {
|
|
||||||
// 检查鼠标是否在下拉菜单上
|
|
||||||
const isHoveringDropdown = dropdown.matches(':hover');
|
|
||||||
if (!isHoveringDropdown) {
|
|
||||||
hideDropdown(dropdown);
|
|
||||||
// 关闭蒙版层
|
|
||||||
if (typeof closeOverlay === 'function') closeOverlay();
|
|
||||||
}
|
|
||||||
}, 300);
|
|
||||||
});
|
|
||||||
|
|
||||||
// 鼠标移入下拉菜单
|
|
||||||
dropdown.addEventListener('mouseenter', () => {
|
dropdown.addEventListener('mouseenter', () => {
|
||||||
if (leaveTimer) clearTimeout(leaveTimer);
|
isHovering = true;
|
||||||
showDropdown(dropdown);
|
clearTimeout(timer);
|
||||||
|
showDropdown();
|
||||||
});
|
});
|
||||||
|
|
||||||
// 鼠标移出下拉菜单
|
dropdown.addEventListener('mouseleave', (e) => {
|
||||||
dropdown.addEventListener('mouseleave', () => {
|
isHovering = false;
|
||||||
leaveTimer = setTimeout(() => {
|
// 检查鼠标是否移回了导航项
|
||||||
const isHoveringNav = item.matches(':hover');
|
const relatedTarget = e.relatedTarget;
|
||||||
if (!isHoveringNav) {
|
const isMovingToNavItem = item.contains(relatedTarget);
|
||||||
hideDropdown(dropdown);
|
|
||||||
// 关闭蒙版层
|
|
||||||
if (typeof closeOverlay === 'function') closeOverlay();
|
|
||||||
}
|
|
||||||
}, 200);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// 点击其他地方关闭所有下拉菜单
|
if (isMovingToNavItem) {
|
||||||
document.addEventListener('click', (e) => {
|
return;
|
||||||
if (!e.target.closest('.header-nav-item')) {
|
|
||||||
hideAllDropdowns();
|
|
||||||
if (typeof closeOverlay === 'function') closeOverlay();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// 暴露方法供外部调用
|
|
||||||
window.headerDropdown = {
|
|
||||||
hideAll: hideAllDropdowns,
|
|
||||||
show: showDropdown,
|
|
||||||
hide: hideDropdown
|
|
||||||
};
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
timer = setTimeout(() => {
|
||||||
|
if (!isHovering && !item.matches(':hover')) {
|
||||||
|
hideDropdown();
|
||||||
|
}
|
||||||
|
}, 100);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
// 初始化(在 DOM 加载完成后执行)
|
// 初始化(在 DOM 加载完成后执行)
|
||||||
if (document.readyState === 'loading') {
|
if (document.readyState === 'loading') {
|
||||||
document.addEventListener('DOMContentLoaded', initHeaderDropdown);
|
document.addEventListener('DOMContentLoaded', initHeaderDropdown);
|
||||||
@@ -750,8 +684,8 @@
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// 初始化导航下拉菜单蒙版层
|
// // 初始化导航下拉菜单蒙版层
|
||||||
initNavDropdownOverlay();
|
// initNavDropdownOverlay();
|
||||||
|
|
||||||
// 初始化渲染
|
// 初始化渲染
|
||||||
renderHistory();
|
renderHistory();
|
||||||
|
|||||||
44
app/index/view/pc/topic_ssd/index.html
Normal file
44
app/index/view/pc/topic_ssd/index.html
Normal file
@@ -0,0 +1,44 @@
|
|||||||
|
{extend name="public/base" /}
|
||||||
|
{block name="style"}
|
||||||
|
<link rel="stylesheet" href="__CSS__/topic_laptop/header.css">
|
||||||
|
<link rel="stylesheet" href="__CSS__/topic_laptop/footer.css">
|
||||||
|
<link rel="stylesheet" href="__CSS__/topic_ssd/index.css">
|
||||||
|
<script type="text/javascript">
|
||||||
|
(function (doc, win)
|
||||||
|
{
|
||||||
|
var docEl = doc.documentElement;
|
||||||
|
var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
|
||||||
|
var designWidth = 2560;
|
||||||
|
var designRemPx = 100;
|
||||||
|
function setRootFontSize ()
|
||||||
|
{
|
||||||
|
var clientWidth = docEl.clientWidth;
|
||||||
|
if (!clientWidth) return;
|
||||||
|
var fontSize = (clientWidth / designWidth) * designRemPx;
|
||||||
|
fontSize = Math.max(fontSize, 20);
|
||||||
|
fontSize = Math.min(fontSize, designRemPx);
|
||||||
|
docEl.style.fontSize = fontSize + 'px';
|
||||||
|
}
|
||||||
|
|
||||||
|
setRootFontSize();
|
||||||
|
win.addEventListener(resizeEvt, setRootFontSize);
|
||||||
|
doc.addEventListener('DOMContentLoaded', setRootFontSize);
|
||||||
|
})(document, window);
|
||||||
|
</script>
|
||||||
|
{/block}
|
||||||
|
{block name="main"}
|
||||||
|
<div class="sc-main">
|
||||||
|
{volist name="data.top_focus_images" id="item"}
|
||||||
|
<a href="{$item.link}" class="sc-mt20">
|
||||||
|
<img src="{$item.image}" alt="" class="sc-main-img" loading="lazy">
|
||||||
|
</a>
|
||||||
|
{/volist}
|
||||||
|
<div class="sc-main-imgs sc-mt20 sc-mb-78">
|
||||||
|
{volist name="data.products" id="item"}
|
||||||
|
<a href="{$item.link}" class="">
|
||||||
|
<img src="{$item.image}" alt="" class="sc-main-img1" loading="lazy">
|
||||||
|
</a>
|
||||||
|
{/volist}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/block}
|
||||||
65
public/static/index/mobile/css/topic_ssd/index.css
Normal file
65
public/static/index/mobile/css/topic_ssd/index.css
Normal file
@@ -0,0 +1,65 @@
|
|||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
width: 100% !important;
|
||||||
|
overflow-x: hidden;
|
||||||
|
margin: 0 !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
max-width: 100vw !important;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
background: #fff;
|
||||||
|
overflow-x: hidden;
|
||||||
|
margin: 0 !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
max-width: 100vw !important;
|
||||||
|
}
|
||||||
|
.m-sc-main {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-sc-main-img {
|
||||||
|
width: 100%;
|
||||||
|
/* max-width: 2560px; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-sc-mt20 {
|
||||||
|
margin-top: 0.1rem;
|
||||||
|
}
|
||||||
|
.m-sc-mt20:first-child {
|
||||||
|
margin-top: 0 !important;
|
||||||
|
}
|
||||||
|
.m-sc-mb34 {
|
||||||
|
margin-bottom: 0.34rem;
|
||||||
|
}
|
||||||
|
.m-sc-main-imgs {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 0.1rem;
|
||||||
|
list-style: none;
|
||||||
|
/* 去除列表样式(如果有) */
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-sc-main-imgs a {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m-sc-main-img1 {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
/* 保持比例 */
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
@@ -97,10 +97,11 @@ a {
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 0.125em;
|
height: 2px;
|
||||||
background-color: #004bfa;
|
background-color: #004bfa;
|
||||||
transform: scaleX(0);
|
transform: scaleX(0);
|
||||||
transition: transform 0.2s ease;
|
transition: transform 0.2s ease;
|
||||||
|
z-index: 999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-nav-title:hover::after,
|
.header-nav-title:hover::after,
|
||||||
@@ -147,12 +148,7 @@ a {
|
|||||||
transition: color 0.2s;
|
transition: color 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .header-nav-btn img {
|
|
||||||
width: 1.5em;
|
|
||||||
max-width: 17px;
|
|
||||||
max-height: 17px;
|
|
||||||
height: 1.5em;
|
|
||||||
} */
|
|
||||||
|
|
||||||
.header-nav-btn:hover {
|
.header-nav-btn:hover {
|
||||||
color: #004bfa;
|
color: #004bfa;
|
||||||
@@ -269,7 +265,7 @@ a {
|
|||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
z-index: 999;
|
z-index: 99;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding-bottom: 2.375em;
|
padding-bottom: 2.375em;
|
||||||
@@ -339,7 +335,7 @@ a {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
max-width: 48%;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -354,10 +350,7 @@ a {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 单个分类区块 */
|
|
||||||
.header-category-block {
|
|
||||||
/* flex: 1; */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.header-category-title {
|
.header-category-title {
|
||||||
@@ -399,7 +392,8 @@ a {
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
font-size: 16px;
|
||||||
|
max-width: 748px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -429,12 +423,12 @@ a {
|
|||||||
transform: translateY(-2px)
|
transform: translateY(-2px)
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-product-card:nth-child(1) {
|
/* .header-product-card:nth-child(1) {
|
||||||
margin-right: 1.5em;
|
|
||||||
}
|
} */
|
||||||
|
|
||||||
.header-product-card:nth-child(3) {
|
.header-product-card:nth-child(3) {
|
||||||
margin-right: 1.5em;
|
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -442,20 +436,7 @@ a {
|
|||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*.header-product-img {*/
|
|
||||||
/* width: 22.625em;*/
|
|
||||||
/* height: 12.25em;*/
|
|
||||||
/* background-color: #f5f5f5;*/
|
|
||||||
/* display: flex;*/
|
|
||||||
/* align-items: center;*/
|
|
||||||
/* justify-content: center;*/
|
|
||||||
/* color: #999;*/
|
|
||||||
/*}*/
|
|
||||||
|
|
||||||
/*.header-product-img img {*/
|
|
||||||
/* width: 22.625em;*/
|
|
||||||
/* height: 12.25em;*/
|
|
||||||
/*}*/
|
|
||||||
.header-product-img {
|
.header-product-img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
aspect-ratio: 22.625 / 12.25;
|
aspect-ratio: 22.625 / 12.25;
|
||||||
@@ -465,7 +446,6 @@ a {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
color: #999;
|
color: #999;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
/* border-radius: 0.5em; */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-product-img img {
|
.header-product-img img {
|
||||||
|
|||||||
68
public/static/index/pc/css/topic_ssd/index.css
Normal file
68
public/static/index/pc/css/topic_ssd/index.css
Normal file
@@ -0,0 +1,68 @@
|
|||||||
|
|
||||||
|
html {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
/* width: 100vw;
|
||||||
|
height: 100vh; */
|
||||||
|
background: #fff;
|
||||||
|
overflow-x: hidden;
|
||||||
|
scroll-behavior: smooth !important;
|
||||||
|
-webkit-overflow-scrolling: touch !important;
|
||||||
|
}
|
||||||
|
/* 当视口宽度大于1920px时生效 */
|
||||||
|
@media screen and (min-width: 1920px) {
|
||||||
|
/* 这里写你的样式 */
|
||||||
|
body {
|
||||||
|
max-width:100% !important;
|
||||||
|
width: 100vw !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.sc-main {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
max-width: 2560px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sc-main-img {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 2560px;
|
||||||
|
}
|
||||||
|
.sc-mt20:first-child {
|
||||||
|
margin-top: 0 !important;
|
||||||
|
}
|
||||||
|
.sc-mt20 {
|
||||||
|
margin-top: 0.2rem;
|
||||||
|
}
|
||||||
|
.sc-mb-78 {
|
||||||
|
margin-bottom: 0.78rem;
|
||||||
|
}
|
||||||
|
.sc-main-imgs {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 0.2rem;
|
||||||
|
list-style: none;
|
||||||
|
/* 去除列表样式(如果有) */
|
||||||
|
}
|
||||||
|
|
||||||
|
.sc-main-imgs a {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sc-main-img1 {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
/* 保持比例 */
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
@@ -147,46 +147,6 @@ class ImageMigrator:
|
|||||||
# 确保paramiko已导入
|
# 确保paramiko已导入
|
||||||
ensure_paramiko()
|
ensure_paramiko()
|
||||||
|
|
||||||
# 连接目标服务器(必须为SSH)
|
|
||||||
if self.target_config.is_local():
|
|
||||||
print("错误: 目标服务器必须为SSH服务器,不能是本地目录")
|
|
||||||
return False
|
|
||||||
|
|
||||||
self.target_client = paramiko.SSHClient()
|
|
||||||
self.target_client.set_missing_host_key_policy(paramiko.AutoAddPolicy())
|
|
||||||
|
|
||||||
if self.verbose:
|
|
||||||
print(
|
|
||||||
f"连接到目标服务器: {self.target_config.host}:{self.target_config.port}"
|
|
||||||
)
|
|
||||||
|
|
||||||
if self.target_config.key_file:
|
|
||||||
key = paramiko.RSAKey.from_private_key_file(self.target_config.key_file)
|
|
||||||
|
|
||||||
self.target_client.connect(
|
|
||||||
hostname=self.target_config.host,
|
|
||||||
port=self.target_config.port,
|
|
||||||
username=self.target_config.username,
|
|
||||||
pkey=key,
|
|
||||||
)
|
|
||||||
else:
|
|
||||||
self.target_client.connect(
|
|
||||||
hostname=self.target_config.host,
|
|
||||||
port=self.target_config.port,
|
|
||||||
username=self.target_config.username,
|
|
||||||
password=self.target_config.password,
|
|
||||||
)
|
|
||||||
|
|
||||||
self.target_sftp = self.target_client.open_sftp()
|
|
||||||
|
|
||||||
# 检查SFTP服务器的工作目录
|
|
||||||
if self.verbose:
|
|
||||||
try:
|
|
||||||
cwd = self.target_sftp.getcwd()
|
|
||||||
print(f"DEBUG: 目标SFTP服务器当前工作目录: {cwd}")
|
|
||||||
except Exception as e:
|
|
||||||
print(f"DEBUG: 无法获取目标SFTP服务器工作目录: {e}")
|
|
||||||
|
|
||||||
# 连接源服务器(如果是SSH类型)
|
# 连接源服务器(如果是SSH类型)
|
||||||
if not self.source_config.is_local():
|
if not self.source_config.is_local():
|
||||||
self.source_client = paramiko.SSHClient()
|
self.source_client = paramiko.SSHClient()
|
||||||
@@ -218,11 +178,61 @@ class ImageMigrator:
|
|||||||
|
|
||||||
self.source_sftp = self.source_client.open_sftp()
|
self.source_sftp = self.source_client.open_sftp()
|
||||||
|
|
||||||
|
# 检查SFTP服务器的工作目录
|
||||||
|
if self.verbose:
|
||||||
|
try:
|
||||||
|
cwd = self.source_sftp.getcwd()
|
||||||
|
print(f"DEBUG: 源SFTP服务器当前工作目录: {cwd}")
|
||||||
|
except Exception as e:
|
||||||
|
print(f"DEBUG: 无法获取源SFTP服务器工作目录: {e}")
|
||||||
|
|
||||||
|
# 连接目标服务器(如果为SSH)
|
||||||
|
if not self.target_config.is_local():
|
||||||
|
self.target_client = paramiko.SSHClient()
|
||||||
|
self.target_client.set_missing_host_key_policy(paramiko.AutoAddPolicy())
|
||||||
|
|
||||||
|
if self.verbose:
|
||||||
|
print(
|
||||||
|
f"连接到目标服务器: {self.target_config.host}:{self.target_config.port}"
|
||||||
|
)
|
||||||
|
|
||||||
|
if self.target_config.key_file:
|
||||||
|
key = paramiko.RSAKey.from_private_key_file(
|
||||||
|
self.target_config.key_file
|
||||||
|
)
|
||||||
|
|
||||||
|
self.target_client.connect(
|
||||||
|
hostname=self.target_config.host,
|
||||||
|
port=self.target_config.port,
|
||||||
|
username=self.target_config.username,
|
||||||
|
pkey=key,
|
||||||
|
)
|
||||||
|
else:
|
||||||
|
self.target_client.connect(
|
||||||
|
hostname=self.target_config.host,
|
||||||
|
port=self.target_config.port,
|
||||||
|
username=self.target_config.username,
|
||||||
|
password=self.target_config.password,
|
||||||
|
)
|
||||||
|
|
||||||
|
self.target_sftp = self.target_client.open_sftp()
|
||||||
|
|
||||||
|
# 检查SFTP服务器的工作目录
|
||||||
|
if self.verbose:
|
||||||
|
try:
|
||||||
|
cwd = self.target_sftp.getcwd()
|
||||||
|
print(f"DEBUG: 目标SFTP服务器当前工作目录: {cwd}")
|
||||||
|
except Exception as e:
|
||||||
|
print(f"DEBUG: 无法获取目标SFTP服务器工作目录: {e}")
|
||||||
|
|
||||||
if self.verbose:
|
if self.verbose:
|
||||||
source_type = (
|
source_type = (
|
||||||
"本地目录" if self.source_config.is_local() else "SSH服务器"
|
"本地目录" if self.source_config.is_local() else "SSH服务器"
|
||||||
)
|
)
|
||||||
print(f"连接成功! 源: {source_type}, 目标: SSH服务器")
|
target_type = (
|
||||||
|
"本地目录" if self.target_config.is_local() else "SSH服务器"
|
||||||
|
)
|
||||||
|
print(f"连接成功! 源: {source_type}, 目标: {target_type}")
|
||||||
return True
|
return True
|
||||||
|
|
||||||
except Exception as e:
|
except Exception as e:
|
||||||
@@ -718,7 +728,7 @@ def read_image_paths(image_list_file: str) -> List[str]:
|
|||||||
|
|
||||||
def main():
|
def main():
|
||||||
parser = argparse.ArgumentParser(
|
parser = argparse.ArgumentParser(
|
||||||
description="从本地目录或SSH服务器迁移图片到远程SSH服务器,保持相对路径结构",
|
description="本地目录之间迁移图片,本地目录或SSH服务器迁移图片到远程SSH服务器,保持相对路径结构",
|
||||||
formatter_class=argparse.RawDescriptionHelpFormatter,
|
formatter_class=argparse.RawDescriptionHelpFormatter,
|
||||||
epilog="""
|
epilog="""
|
||||||
示例:
|
示例:
|
||||||
@@ -756,8 +766,7 @@ def main():
|
|||||||
parser.add_argument(
|
parser.add_argument(
|
||||||
"--source-type",
|
"--source-type",
|
||||||
choices=["local", "ssh"],
|
choices=["local", "ssh"],
|
||||||
default="local",
|
help="源服务器类型: local(本地目录) 或 ssh(SSH服务器)",
|
||||||
help="源服务器类型: local(本地目录) 或 ssh(SSH服务器),默认: local",
|
|
||||||
)
|
)
|
||||||
parser.add_argument("--source-host", help="源服务器地址(仅SSH类型需要)")
|
parser.add_argument("--source-host", help="源服务器地址(仅SSH类型需要)")
|
||||||
parser.add_argument(
|
parser.add_argument(
|
||||||
@@ -772,6 +781,11 @@ def main():
|
|||||||
parser.add_argument("--source-dir", help="源服务器图片基础目录")
|
parser.add_argument("--source-dir", help="源服务器图片基础目录")
|
||||||
|
|
||||||
# 目标服务器选项
|
# 目标服务器选项
|
||||||
|
parser.add_argument(
|
||||||
|
"--target-type",
|
||||||
|
choices=["local", "ssh"],
|
||||||
|
help="目标服务器类型: local(本地目录) 或 ssh(SSH服务器)",
|
||||||
|
)
|
||||||
parser.add_argument("--target-host", help="目标服务器地址")
|
parser.add_argument("--target-host", help="目标服务器地址")
|
||||||
parser.add_argument(
|
parser.add_argument(
|
||||||
"--target-port", type=int, default=22, help="目标服务器端口(默认: 22)"
|
"--target-port", type=int, default=22, help="目标服务器端口(默认: 22)"
|
||||||
@@ -859,11 +873,15 @@ def main():
|
|||||||
|
|
||||||
# 构建目标服务器配置
|
# 构建目标服务器配置
|
||||||
target_config_data = config.get("target", {})
|
target_config_data = config.get("target", {})
|
||||||
target_config_data["type"] = "ssh" # 目标必须是SSH
|
|
||||||
|
|
||||||
ssh_config = target_config_data.get("ssh", {})
|
|
||||||
|
|
||||||
# 命令行参数覆盖配置文件
|
# 命令行参数覆盖配置文件
|
||||||
|
if args.target_type:
|
||||||
|
target_config_data["type"] = args.target_type
|
||||||
|
|
||||||
|
# 命令行参数覆盖配置文件
|
||||||
|
if args.target_type == "ssh" or target_config_data.get("type") == "ssh":
|
||||||
|
ssh_config = target_config_data.get("ssh", {})
|
||||||
|
|
||||||
if args.target_host:
|
if args.target_host:
|
||||||
ssh_config["host"] = args.target_host
|
ssh_config["host"] = args.target_host
|
||||||
if args.target_port:
|
if args.target_port:
|
||||||
@@ -877,13 +895,6 @@ def main():
|
|||||||
|
|
||||||
target_config_data["ssh"] = ssh_config
|
target_config_data["ssh"] = ssh_config
|
||||||
|
|
||||||
# 设置基础目录
|
|
||||||
if args.target_dir:
|
|
||||||
target_config_data["base_dir"] = args.target_dir
|
|
||||||
elif "base_dir" not in target_config_data:
|
|
||||||
print("错误: 必须指定目标服务器图片基础目录 (--target-dir)")
|
|
||||||
sys.exit(1)
|
|
||||||
|
|
||||||
# 检查必要的目标SSH参数
|
# 检查必要的目标SSH参数
|
||||||
if not ssh_config.get("host"):
|
if not ssh_config.get("host"):
|
||||||
print("错误: 必须指定目标服务器地址 (--target-host)")
|
print("错误: 必须指定目标服务器地址 (--target-host)")
|
||||||
@@ -891,6 +902,16 @@ def main():
|
|||||||
if not ssh_config.get("username"):
|
if not ssh_config.get("username"):
|
||||||
print("错误: 必须指定目标服务器用户名 (--target-user)")
|
print("错误: 必须指定目标服务器用户名 (--target-user)")
|
||||||
sys.exit(1)
|
sys.exit(1)
|
||||||
|
else:
|
||||||
|
# 本地类型,不需要SSH配置
|
||||||
|
target_config_data.pop("ssh", None)
|
||||||
|
|
||||||
|
# 设置基础目录
|
||||||
|
if args.target_dir:
|
||||||
|
target_config_data["base_dir"] = args.target_dir
|
||||||
|
elif "base_dir" not in target_config_data:
|
||||||
|
print("错误: 必须指定目标服务器图片基础目录 (--target-dir)")
|
||||||
|
sys.exit(1)
|
||||||
|
|
||||||
# 创建服务器配置对象
|
# 创建服务器配置对象
|
||||||
try:
|
try:
|
||||||
|
|||||||
Reference in New Issue
Block a user