-
@@ -90,7 +90,7 @@
-
@@ -475,12 +475,12 @@
-
+
点赞
0
-
+
分享
@@ -932,31 +932,31 @@
function renderArticleDetail(data) {
// 渲染分类链接
document.getElementById('cateLink').textContent = data.cateName;
-
+
// 渲染文章标题
document.getElementById('articleTitle').textContent = data.article.title;
-
+
// 渲染文章元信息
document.getElementById('articleAuthor').textContent = data.article.author;
document.getElementById('articleDate').textContent = formatDate(data.article.create_time);
document.getElementById('articleViews').textContent = data.article.views;
-
+
// 渲染文章内容
document.getElementById('articleContent').innerHTML = data.article.content;
-
+
// 渲染标签
const tagsContainer = document.getElementById('articleTags');
if (data.article.tags && data.article.tags.length > 0) {
- tagsContainer.innerHTML = data.article.tags.map(tag =>
+ tagsContainer.innerHTML = data.article.tags.map(tag =>
`${tag}`
).join('');
} else {
tagsContainer.innerHTML = '暂无标签';
}
-
+
// 渲染点赞数
document.getElementById('articleLikes').textContent = data.article.likes || 0;
-
+
// 渲染上一篇
const prevArticle = document.getElementById('prevArticle');
if (data.prevArticle) {
@@ -968,7 +968,7 @@
} else {
prevArticle.innerHTML = ' 没有上一篇了';
}
-
+
// 渲染下一篇
const nextArticle = document.getElementById('nextArticle');
if (data.nextArticle) {
@@ -980,7 +980,7 @@
} else {
nextArticle.innerHTML = '没有下一篇了 ';
}
-
+
// 渲染相关文章
const relatedArticles = document.getElementById('relatedArticles');
if (data.relatedArticles && data.relatedArticles.length > 0) {
@@ -1003,7 +1003,7 @@
}
// 页面加载完成后执行
- document.addEventListener('DOMContentLoaded', function() {
+ document.addEventListener('DOMContentLoaded', function () {
// 获取文章ID
const articleId = new URLSearchParams(window.location.search).get('id');
if (!articleId) {
@@ -1018,12 +1018,12 @@
}
})
.then(response => {
- console.log('Response status:', response.status);
- console.log('Response headers:', response.headers);
+ // console.log('Response status:', response.status);
+ // console.log('Response headers:', response.headers);
return response.json();
})
.then(result => {
- console.log('API response:', result);
+ // console.log('API response:', result);
if (result.code === 1) {
renderArticleDetail(result.data);
// 更新访问次数
@@ -1043,44 +1043,69 @@
});
// 点赞功能
- const likeBtn = document.querySelector('.like-btn');
+ const likeBtn = document.getElementById('likeBtn');
if (likeBtn) {
- likeBtn.addEventListener('click', function() {
+ // 检查是否已经点赞
+ if (likeBtn.classList.contains('liked')) {
+ likeBtn.style.pointerEvents = 'none'; // 禁用点击
+ likeBtn.style.cursor = 'default'; // 改变鼠标样式
+ return;
+ }
+
+ likeBtn.addEventListener('click', function () {
+ // 立即禁用按钮,防止重复点击
+ likeBtn.style.pointerEvents = 'none';
+ likeBtn.style.cursor = 'default';
+
fetch('/index/articles/like?id=' + articleId, {
- method: 'POST'
- })
- .then(response => response.json())
- .then(data => {
- if (data.code === 1) {
- const countElement = this.querySelector('.action-count');
- let count = parseInt(countElement.textContent);
- countElement.textContent = count + 1;
- this.classList.add('liked');
- this.style.color = '#f57005';
- } else {
- alert('点赞失败:' + data.msg);
+ method: 'POST',
+ headers: {
+ 'X-Requested-With': 'XMLHttpRequest'
}
})
- .catch(error => {
- console.error('点赞请求失败:', error);
- });
+ .then(response => response.json())
+ .then(data => {
+ if (data.code === 1) {
+ const countElement = document.getElementById('articlesLikes');
+ if (countElement) {
+ let count = parseInt(countElement.textContent) || 0;
+ countElement.textContent = count + 1;
+ }
+ // 添加点赞状态
+ likeBtn.classList.add('liked');
+ likeBtn.querySelector('i').style.color = '#f57005';
+ layer.msg('点赞成功', {icon: 1});
+ } else {
+ // 如果请求失败,恢复按钮状态
+ likeBtn.style.pointerEvents = 'auto';
+ likeBtn.style.cursor = 'pointer';
+ layer.msg('点赞失败:' + data.msg, {icon: 2});
+ }
+ })
+ .catch(error => {
+ // 如果请求失败,恢复按钮状态
+ likeBtn.style.pointerEvents = 'auto';
+ likeBtn.style.cursor = 'pointer';
+ console.error('点赞请求失败:', error);
+ layer.msg('点赞失败,请稍后重试', {icon: 2});
+ });
});
}
// 返回顶部功能
const goToTop = document.getElementById('goToTop');
-
+
// 监听滚动事件
- window.addEventListener('scroll', function() {
+ window.addEventListener('scroll', function () {
if (window.pageYOffset > 300) {
goToTop.classList.add('show');
} else {
goToTop.classList.remove('show');
}
});
-
+
// 点击返回顶部
- goToTop.addEventListener('click', function() {
+ goToTop.addEventListener('click', function () {
window.scrollTo({
top: 0,
behavior: 'smooth'
@@ -1099,18 +1124,42 @@
id: articleId
})
})
- .then(response => response.json())
- .then(result => {
- if (result.code === 1) {
- // 更新成功,更新页面上的访问次数显示
- const viewsElement = document.getElementById('articleViews');
- if (viewsElement) {
- viewsElement.textContent = result.data.views;
+ .then(response => response.json())
+ .then(result => {
+ if (result.code === 1) {
+ // 更新成功,更新页面上的访问次数显示
+ const viewsElement = document.getElementById('articleViews');
+ if (viewsElement) {
+ viewsElement.textContent = result.data.views;
+ }
}
- }
- })
- .catch(error => {
- console.error('更新访问次数失败:', error);
+ })
+ .catch(error => {
+ console.error('更新访问次数失败:', error);
+ });
+ }
+
+ // 分享功能
+ const shareBtn = document.getElementById('shareBtn');
+ if (shareBtn) {
+ shareBtn.addEventListener('click', function () {
+ // 获取当前页面URL
+ const currentUrl = window.location.href;
+
+ // 创建临时输入框
+ const tempInput = document.createElement('input');
+ tempInput.value = currentUrl;
+ document.body.appendChild(tempInput);
+
+ // 选择并复制文本
+ tempInput.select();
+ document.execCommand('copy');
+
+ // 移除临时输入框
+ document.body.removeChild(tempInput);
+
+ // 提示用户复制成功
+ alert('链接已复制到剪贴板');
});
}
diff --git a/runtime/index/temp/402d23cdf323169a38fb26d3649b6ad5.php b/runtime/index/temp/402d23cdf323169a38fb26d3649b6ad5.php
index b1b3e4c..34fed3a 100644
--- a/runtime/index/temp/402d23cdf323169a38fb26d3649b6ad5.php
+++ b/runtime/index/temp/402d23cdf323169a38fb26d3649b6ad5.php
@@ -1,4 +1,4 @@
-
+
@@ -48,7 +48,7 @@
-
@@ -90,7 +90,7 @@
+
+
+
+
立即下载
-
+
分享
@@ -703,6 +707,11 @@
margin: 30px 0;
}
+ .program-navigation a {
+ color: #333;
+ text-decoration: none;
+ }
+
.prev-program,
.next-program {
max-width: 45%;
@@ -858,25 +867,25 @@
function renderProgramDetail(data) {
// 渲染分类链接
document.getElementById('cateLink').textContent = data.cateName;
-
+
// 渲染程序标题
document.getElementById('programTitle').textContent = data.program.title;
-
+
// 渲染程序元信息
document.getElementById('programAuthor').textContent = data.program.author;
document.getElementById('programDate').textContent = formatDate(data.program.create_time);
document.getElementById('programViews').textContent = data.program.views;
document.getElementById('programDownloads').textContent = data.program.downloads;
-
+
// 渲染程序内容
document.getElementById('programContent').innerHTML = data.program.content;
-
+
// 渲染程序信息
document.getElementById('programSize').textContent = data.program.size || '未知';
document.getElementById('programEnvironment').textContent = data.program.environment || '通用';
document.getElementById('programUpdateTime').textContent = formatDate(data.program.update_time);
document.getElementById('programVersion').textContent = data.program.version || '1.0.0';
-
+
// 渲染上一个程序
const prevProgram = document.getElementById('prevProgram');
if (data.prevProgram) {
@@ -888,7 +897,7 @@
} else {
prevProgram.innerHTML = ' 没有上一个了';
}
-
+
// 渲染下一个程序
const nextProgram = document.getElementById('nextProgram');
if (data.nextProgram) {
@@ -900,7 +909,7 @@
} else {
nextProgram.innerHTML = '没有下一个了 ';
}
-
+
// 渲染相关程序
const relatedPrograms = document.getElementById('relatedPrograms');
if (data.relatedPrograms && data.relatedPrograms.length > 0) {
@@ -923,7 +932,7 @@
}
// 页面加载完成后执行
- document.addEventListener('DOMContentLoaded', function() {
+ document.addEventListener('DOMContentLoaded', function () {
// 获取程序ID
const programId = new URLSearchParams(window.location.search).get('id');
if (!programId) {
@@ -937,72 +946,63 @@
'X-Requested-With': 'XMLHttpRequest'
}
})
- .then(response => response.json())
- .then(result => {
- if (result.code === 1) {
- renderProgramDetail(result.data);
- // 更新访问次数
- updateProgramViews(programId);
- } else {
- alert(result.msg || '获取程序详情失败');
- }
- })
- .catch(error => {
- console.error('获取程序详情失败:', error);
- alert('获取程序详情失败,请检查网络连接或刷新页面重试');
- });
+ .then(response => response.json())
+ .then(result => {
+ if (result.code === 1) {
+ renderProgramDetail(result.data);
+ // 更新访问次数
+ updateProgramViews(programId);
+ // 初始化分享功能
+ initShareFunction();
+ } else {
+ alert(result.msg || '获取程序详情失败');
+ }
+ })
+ .catch(error => {
+ console.error('获取程序详情失败:', error);
+ alert('获取程序详情失败,请检查网络连接或刷新页面重试');
+ });
// 下载功能
const downloadBtn = document.getElementById('downloadBtn');
if (downloadBtn) {
- downloadBtn.addEventListener('click', function() {
+ downloadBtn.addEventListener('click', function () {
fetch('/index/program/download?id=' + programId, {
method: 'POST',
headers: {
'X-Requested-With': 'XMLHttpRequest'
}
})
- .then(response => response.json())
- .then(data => {
- if (data.code === 1) {
- const downloadsElement = document.getElementById('programDownloads');
- let downloads = parseInt(downloadsElement.textContent);
- downloadsElement.textContent = downloads + 1;
-
- // 获取当前域名
- const domain = window.location.origin;
- // 拼接完整的下载地址
- if (data.data && data.data.fileurl) {
- const downloadUrl = domain + data.data.fileurl;
+ .then(response => response.json())
+ .then(data => {
+ if (data.code === 1 && data.data && data.data.fileurl) {
+ const downloadUrl = window.location.origin + data.data.fileurl;
window.location.href = downloadUrl;
} else {
alert('下载地址不存在');
}
- } else {
- alert('下载失败:' + data.msg);
- }
- })
- .catch(error => {
- console.error('下载请求失败:', error);
- alert('下载请求失败,请稍后重试');
- });
+ })
+ .catch(error => {
+ console.error('下载请求失败:', error);
+ alert('下载请求失败,请稍后重试');
+ });
});
}
// 返回顶部功能
const goToTop = document.getElementById('goToTop');
-
+
// 监听滚动事件
- window.addEventListener('scroll', function() {
+ window.addEventListener('scroll', function () {
if (window.pageYOffset > 300) {
goToTop.classList.add('show');
} else {
goToTop.classList.remove('show');
}
});
-
+
// 点击返回顶部
- goToTop.addEventListener('click', function() {
+ goToTop.addEventListener('click', function () {
window.scrollTo({
top: 0,
behavior: 'smooth'
@@ -1022,19 +1022,45 @@
id: programId
})
})
- .then(response => response.json())
- .then(result => {
- if (result.code === 1) {
- // 更新成功,更新页面上的访问次数显示
- const viewsElement = document.getElementById('programViews');
- if (viewsElement) {
- viewsElement.textContent = result.data.views;
+ .then(response => response.json())
+ .then(result => {
+ if (result.code === 1) {
+ // 更新成功,更新页面上的访问次数显示
+ const viewsElement = document.getElementById('programViews');
+ if (viewsElement) {
+ viewsElement.textContent = result.data.views;
+ }
}
- }
- })
- .catch(error => {
- console.error('更新访问次数失败:', error);
- });
+ })
+ .catch(error => {
+ console.error('更新访问次数失败:', error);
+ });
+ }
+
+ // 初始化分享功能
+ function initShareFunction() {
+ const shareBtn = document.getElementById('shareBtn');
+ if (shareBtn) {
+ shareBtn.addEventListener('click', function () {
+ // 获取当前页面URL
+ const currentUrl = window.location.href;
+
+ // 创建临时输入框
+ const tempInput = document.createElement('input');
+ tempInput.value = currentUrl;
+ document.body.appendChild(tempInput);
+
+ // 选择并复制文本
+ tempInput.select();
+ document.execCommand('copy');
+
+ // 移除临时输入框
+ document.body.removeChild(tempInput);
+
+ // 提示用户复制成功
+ layer.msg('链接已复制到剪贴板');
+ });
+ }
}
diff --git a/runtime/index/temp/c234ae0ebecc67e11e7f6a9e48226fe6.php b/runtime/index/temp/c234ae0ebecc67e11e7f6a9e48226fe6.php
index 9850b28..1c01334 100644
--- a/runtime/index/temp/c234ae0ebecc67e11e7f6a9e48226fe6.php
+++ b/runtime/index/temp/c234ae0ebecc67e11e7f6a9e48226fe6.php
@@ -1,4 +1,4 @@
-
+
@@ -48,7 +48,7 @@
-
@@ -90,7 +90,7 @@
+
@@ -583,6 +590,44 @@
return;
}
+ // 获取游戏详情
+ fetch('/index/game/detail?id=' + gameId, {
+ headers: {
+ 'X-Requested-With': 'XMLHttpRequest'
+ }
+ })
+ .then(response => response.json())
+ .then(result => {
+ if (result.code === 1) {
+ // 渲染上一篇
+ const prevGame = document.getElementById('prevGame');
+ if (result.data.prevGame) {
+ prevGame.innerHTML = `
+
+ 上一篇:${result.data.prevGame.title}
+
+ `;
+ } else {
+ prevGame.innerHTML = ' 没有上一篇了';
+ }
+
+ // 渲染下一篇
+ const nextGame = document.getElementById('nextGame');
+ if (result.data.nextGame) {
+ nextGame.innerHTML = `
+
+ 下一篇:${result.data.nextGame.title}
+
+ `;
+ } else {
+ nextGame.innerHTML = '没有下一篇了 ';
+ }
+ }
+ })
+ .catch(error => {
+ console.error('获取游戏详情失败:', error);
+ });
+
// 更新访问次数
updateGameViews(gameId);
@@ -605,7 +650,7 @@
// 直接使用返回的URL
if (data.data && data.data.url) {
- window.location.href = data.data.url;
+ window.open(data.data.url, '_blank');
} else {
alert('下载地址不存在');
}
@@ -624,7 +669,7 @@
const codeBtn = document.getElementById('codeBtn');
if (codeBtn) {
codeBtn.addEventListener('click', function() {
- const code = '';
+ const code = '';
if (code) {
// 创建一个临时输入框
const tempInput = document.createElement('input');
@@ -685,7 +730,7 @@
if (result.code === 1) {
const viewsElement = document.querySelector('.game-views');
if (viewsElement) {
- viewsElement.innerHTML = ` ${result.data.views} 次浏览`;
+ viewsElement.innerHTML = ` ${result.data.views}`;
}
}
})
@@ -717,11 +762,27 @@
}
.game-title {
- font-size: 28px;
+ font-size: 30px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
line-height: 1.4;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ }
+
+ .game-title-1 {
+ font-size: 16px;
+ font-weight: 700;
+ color: #333;
+ margin-bottom: 15px;
+ line-height: 1.4;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
}
.game-meta {
@@ -773,6 +834,29 @@
border-bottom: 1px solid #eee;
}
+ .game-navigation {
+ display: flex;
+ justify-content: space-between;
+ margin: 30px 0;
+ }
+
+ .prev-game,
+ .next-game {
+ max-width: 45%;
+ }
+
+ .prev-game a,
+ .next-game a {
+ color: #333 !important;
+ text-decoration: none;
+ }
+
+ .prev-game a:hover,
+ .next-game a:hover {
+ color: #f57005 !important;
+ transition: all 0.3s ease;
+ }
+
.btn {
/* background: #f57005; */
color: #fff;
@@ -805,6 +889,14 @@
margin: 40px 0;
}
+ .related-games h3{
+ font-size: 20px;
+ font-weight: 600;
+ margin-bottom: 20px;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #eee;
+ }
+
.related-title {
font-size: 20px;
font-weight: 600;
@@ -845,16 +937,6 @@
padding: 10px;
}
- .game-title {
- font-size: 16px;
- font-weight: 600;
- margin-bottom: 5px;
- color: #333;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
-
.go-to-top {
position: fixed;
right: 30px;
+
+
+
+
+
+
@@ -501,7 +508,7 @@
alt="">
-
+

