diff --git a/app/admin/controller/YunzeradminController.php b/app/admin/controller/YunzeradminController.php index 0c15039..bce79c7 100644 --- a/app/admin/controller/YunzeradminController.php +++ b/app/admin/controller/YunzeradminController.php @@ -1053,4 +1053,12 @@ class YunzeradminController extends Base } return json(['code' => 1, 'msg' => '请求方法无效']); } + + //获取推送内容Articles和Resources + //https://www.yunzer.cn/index/articles/detail?id=30 + //https://www.yunzer.cn/index/program/index?cateid=2 + //https://www.yunzer.cn/index/game/index?cateid=8 + //https://www.yunzer.cn/index/resources/detail?id=3 + + } \ No newline at end of file diff --git a/app/admin/view/resources/edit.php b/app/admin/view/resources/edit.php index 5ad9f4c..27bb18d 100644 --- a/app/admin/view/resources/edit.php +++ b/app/admin/view/resources/edit.php @@ -97,29 +97,41 @@
{if condition="isset($resource.images) && !empty($resource.images)"} - {if condition="strpos($resource.images, ',') !== false"} - {volist name="resource.images|explode=',',true" id="image"} -
- 已上传图片 -
- -
-

{$image|basename}

+
+ + + + + + + + + {php} + // 处理图片字符串，正确拆分逗号分隔的路径 + $imageArray = []; + if (isset($resource['images']) && !empty($resource['images'])) { + $imageArray = explode(',', $resource['images']); + $imageArray = array_map('trim', $imageArray); // 去除每个路径的前后空格 + $imageArray = array_filter($imageArray); // 过滤空值 + } + {/php} + {volist name="imageArray" id="image"} + + + + + {/volist} + +
缩略图操作
+
+ 缩略图 +
+ 		+ +
- {/volist} - {else} -
- 已上传图片 -
- -
-

{$resource.images|basename}

-
- {/if} {/if}
- +
@@ -685,6 +697,19 @@ updateImagesInput(); } }); + + // 图片预览功能 + window.previewImage = function(imageUrl) { + layer.photos({ + photos: { + "data": [{ + "src": imageUrl, + "alt": "图片预览" + }] + }, + anim: 5 + }); + }; }); @@ -820,4 +845,28 @@ .container-right { width: 65%; } + + /* 图片列表表格样式 */ + .image-list-table { + margin-top: 15px; + } + + .image-thumbnail { + width: 60px; + height: 60px; + border-radius: 4px; + overflow: hidden; + cursor: pointer; + transition: transform 0.2s; + } + + .image-thumbnail:hover { + transform: scale(1.05); + } + + .image-thumbnail img { + width: 100%; + height: 100%; + object-fit: cover; + } \ No newline at end of file diff --git a/app/index/view/component/main.php b/app/index/view/component/main.php index 77c5980..ac02e67 100644 --- a/app/index/view/component/main.php +++ b/app/index/view/component/main.php @@ -496,7 +496,7 @@ }); return ` -
+
@@ -576,7 +576,7 @@ if (!game) return ''; return ` -
+
diff --git a/app/index/view/resources/detail.php b/app/index/view/resources/detail.php index 8f94b60..8c58686 100644 --- a/app/index/view/resources/detail.php +++ b/app/index/view/resources/detail.php @@ -1,4 +1,9 @@ {include file="component/head" /} + + + + + {include file="component/header-simple" /}
@@ -24,8 +29,35 @@
- - +
+
+ {php} + // 兼容字符串和数组 + $images = isset($game['images']) ? $game['images'] : []; + if (is_string($images)) { + $images = explode(',', $images); + } + $images = array_filter($images); // 移除空值 + if (empty($images) && !empty($game['icon'])) { + $images = [$game['icon']]; + } + {/php} + {volist name="images" id="image"} +
+ + <?php echo $game['title']; ?> + +
+ {/volist} +
+
+
+
+
@@ -92,7 +124,7 @@
-这里放个人信息 + 这里放个人信息
@@ -135,7 +167,7 @@
-

相关游戏

+

相关资源

// 页面加载完成后执行 document.addEventListener('DOMContentLoaded', function () { + // 获取游戏ID const gameId = new URLSearchParams(window.location.search).get('id'); if (!gameId) { @@ -261,6 +294,40 @@ }); } + + const swiper = new Swiper('.game-swiper', { + slidesPerView: 1, + spaceBetween: 30, + loop: true, + autoplay: { + delay: 3000, + disableOnInteraction: false, + }, + pagination: { + el: '.swiper-pagination', + clickable: true, + }, + navigation: { + nextEl: '.swiper-button-next', + prevEl: '.swiper-button-prev', + }, + }); + + // 初始化 Lightbox + lightbox.option({ + 'resizeDuration': 200, + 'wrapAround': true, + 'albumLabel': "图片 %1 / %2", + 'fadeDuration': 300, + 'imageFadeDuration': 300, + 'positionFromTop': 100, + 'maxWidth': 1200, + 'maxHeight': 800, + 'disableScrolling': true, + 'showImageNumberLabel': true, + 'alwaysShowNavOnTouchDevices': true + }); + //复制分享码 const codeBtn = document.getElementById('codeBtn'); if (codeBtn) { @@ -292,23 +359,21 @@ // 返回顶部功能 const goToTop = document.getElementById('goToTop'); - - // 监听滚动事件 - window.addEventListener('scroll', function () { - if (window.pageYOffset > 300) { - goToTop.classList.add('show'); - } else { - goToTop.classList.remove('show'); - } - }); - - // 点击返回顶部 - goToTop.addEventListener('click', function () { - window.scrollTo({ - top: 0, - behavior: 'smooth' + if (goToTop) { + window.addEventListener('scroll', function () { + if (window.pageYOffset > 300) { + goToTop.classList.add('show'); + } else { + goToTop.classList.remove('show'); + } }); - }); + goToTop.addEventListener('click', function () { + window.scrollTo({ + top: 0, + behavior: 'smooth' + }); + }); + } }); // 更新游戏访问次数 @@ -393,7 +458,7 @@ .detail-top-right { width: 30%; - border-left: 1px solid #eee ; + border-left: 1px solid #eee; margin: 20px; } @@ -754,6 +819,25 @@ background-color: #0081ff12; border-radius: 5px; } + + .detail-top-card-left { + width: 350px; + } + + .swiper .swiper-button-prev, + .swiper .swiper-button-next { + color: #3881fd; + background: rgba(255, 255, 255, 0.9); + width: 40px; + height: 40px; + border-radius: 50%; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + } + + .swiper .swiper-button-prev:after, + .swiper .swiper-button-next:after { + font-size: 18px; + } {include file="component/foot" /} \ No newline at end of file diff --git a/runtime/admin/temp/606cb5a28477c3a4a33c90fc473c4624.php b/runtime/admin/temp/606cb5a28477c3a4a33c90fc473c4624.php index fafc318..6edc76a 100644 --- a/runtime/admin/temp/606cb5a28477c3a4a33c90fc473c4624.php +++ b/runtime/admin/temp/606cb5a28477c3a4a33c90fc473c4624.php @@ -1,4 +1,4 @@ - + @@ -192,7 +192,10 @@
$image): $mod = ($i % 2 );++$i;?>
- 已上传图片 + 已上传图片
- 已上传图片 + 已上传图片
- +
diff --git a/runtime/index/temp/cb3abdcb36407244b9b613766f30573b.php b/runtime/index/temp/cb3abdcb36407244b9b613766f30573b.php index 5e9a909..4f33f85 100644 --- a/runtime/index/temp/cb3abdcb36407244b9b613766f30573b.php +++ b/runtime/index/temp/cb3abdcb36407244b9b613766f30573b.php @@ -1,4 +1,4 @@ - + @@ -1422,7 +1422,7 @@ $loginStatus = [ }); return ` -
+
@@ -1502,7 +1502,7 @@ $loginStatus = [ if (!game) return ''; return ` -
+
diff --git a/runtime/index/temp/f8995f34639557c9f17f79801bc58d25.php b/runtime/index/temp/f8995f34639557c9f17f79801bc58d25.php index d7a6eef..26e7e27 100644 --- a/runtime/index/temp/f8995f34639557c9f17f79801bc58d25.php +++ b/runtime/index/temp/f8995f34639557c9f17f79801bc58d25.php @@ -1,4 +1,4 @@ - + @@ -955,6 +955,8 @@ $loginStatus = [
+ +
@@ -979,6 +981,8 @@ $loginStatus = [
+
资源简介
+
@@ -1496,7 +1500,9 @@ $loginStatus = [ line-height: 1.8; color: #333; font-size: 16px; - margin-bottom: 30px; + margin: 30px 0; + padding-top: 30px; + border-top: 1px solid #eee; border-bottom: 1px solid #eee; } @@ -1914,6 +1920,7 @@ $loginStatus = [ .program-show { margin: 20px 0; + margin-bottom: 60px; background: #fff; border-radius: 8px; padding: 20px; @@ -2021,7 +2028,7 @@ $loginStatus = [ } .lb-data .lb-caption { - font-size: 14px; + font-size: 1.3rem; font-weight: normal; }