jsasg/orico-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

fix: pc文章详情发布时间中英文区分

Browse Source
This commit is contained in:
jsasg
2025-06-11 18:09:08 +08:00
parent 71f445395c
commit e85dc5886c
2 changed files with 149 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/index/controller/Article.php
View File

@@ -93,6 +93,12 @@ class Article extends Common
]) ])
->bypk($id) ->bypk($id)
->find(); ->find();
if (!$detail->isEmpty()) {
$detail->release_time = date('Y-m-d H:i:s', strtotime($detail->release_time));
if (cookie('think_lang') == 'en-us') {
$detail->release_time = 'Posted on ' . date('F j, Y', strtotime($detail->release_time));
}
}
View::assign('detail', $detail); View::assign('detail', $detail);
// 获取分享配置相关 // 获取分享配置相关

290
app/index/view/pc/article/detail.html
View File

@@ -3,164 +3,160 @@
{notempty name="detail.seo_title"}<title>{$detail.seo_title}</title>{else /}{__BLOCK__}{/notempty} {notempty name="detail.seo_title"}<title>{$detail.seo_title}</title>{else /}{__BLOCK__}{/notempty}
{/block} {/block}
{block name="seo"} {block name="seo"}
{notempty name="detail.seo_keywords"} {notempty name="detail.seo_keywords"}
<meta name="keywords" content="{$detail.seo_keywords}" /> <meta name="keywords" content="{$detail.seo_keywords}" />
<meta name="description" content="{$detail.seo_desc}" /> <meta name="description" content="{$detail.seo_desc}" />
{else /} {else /}
{__BLOCK__} {__BLOCK__}
{/notempty} {/notempty}
{/block} {/block}
{block name="style"} {block name="style"}
<link rel="stylesheet" href="__CSS__/article_detail.css"> <link rel="stylesheet" href="__CSS__/article_detail.css">
{/block} {/block}
{block name="main"} {block name="main"}
<div class="orico_Page_articleDetail"> <div class="orico_Page_articleDetail">
<!--内容 --> <!--内容 -->
<div class="articleDetailMain"> <div class="articleDetailMain">
<div class="atmleft"> <div class="atmleft">
<div class="ct"> <div class="ct">
<div class="blog_title"> <div class="blog_title">
<h2>{$detail.title}</h2> <h2>{$detail.title}</h2>
<p>{$detail.release_time}</p> <p>{$detail.release_time}</p>
</div> </div>
<!-- 文本渲染--> <!-- 文本渲染-->
<div class="blog_content">{$detail.content|raw}</div> <div class="blog_content">{$detail.content|raw}</div>
</div> </div>
<!-- 评论只显示前面五条---> <!-- 评论只显示前面五条--->
{notempty name="comments"}
<div class="plmain">
{notempty name="comments"} <div class="pl">
<div class="plmain"> <span class="titlepp">{:lang_i18n('评论')}</span>
<div class="pl"> {volist name="comments" id="cm"}
<span class="titlepp">{:lang_i18n('评论')}</span> <div class="plit">
{volist name="comments" id="cm"} <span class="name">{$cm.name}:</span>
<div class="plit"> <p>{$cm.content}</p>
<span class="name">{$cm.name}:</span> </div>
<p>{$cm.content}</p> {/volist}
</div> </div>
{/volist} </div>
</div> {/notempty}
</div> </div>
{/notempty} <div class="atmright">
</div> {notempty name="share_config"}
<div class="atmright"> <div class="blog_share">
{notempty name="share_config"} <h3>{:lang_i18n('分享')}</h3>
<div class="blog_share"> <div class="share_list">
<h3>{:lang_i18n('分享')}</h3> {volist name="share_config" id="sc"}
<div class="share_list"> <a class="atdit" {if condition="!empty($sc.is_blank) && $sc.is_blank.value == 1" }target="_blank" {/if} {notempty name="sc.url.value" }href="{$sc.url.value}" {/notempty}> <img src="{$sc.image.value}" />
{volist name="share_config" id="sc"} {eq name=":array_key_exists('triggered_qrcode', $sc)" value="true"}
<a class="atdit" {if condition="!empty($sc.is_blank) && $sc.is_blank.value == 1" }target="_blank" {/if} {notempty name="sc.url.value" }href="{$sc.url.value}" {/notempty}> <img src="{$sc.image.value}" /> <div class="triggered_qrcode">
{eq name=":array_key_exists('triggered_qrcode', $sc)" value="true"} <img src="{$sc.triggered_qrcode.value}" />
<div class="triggered_qrcode"> </div>
<img src="{$sc.triggered_qrcode.value}" /> {/eq}
</div> </a>
{/eq} {/volist}
</a> </div>
{/volist} </div>
</div> {/notempty}
</div> <div class="repply">
{/notempty} <h3>{:lang_i18n('留言')}</h3>
<div class="repply"> <form action="{:url('article/comment', ['id' => $detail.id])}" method="POST" autocomplete="off">
<h3>{:lang_i18n('留言')}</h3> <span>{:lang_i18n('名称')}</span>
<form action="{:url('article/comment', ['id' => $detail.id])}" method="POST" autocomplete="off"> <input class="form-control itinp new_name" type="text" name="name" style="text-indent: 10px;">
<span>{:lang_i18n('名称')}</span> <span>{:lang_i18n('电子邮箱')}</span>
<input class="form-control itinp new_name" type="text" name="name" style="text-indent: 10px;"> <input class="form-control itinp new_email" type="email" name="email" style="text-indent: 10px; margin-bottom:0;">
<span>{:lang_i18n('电子邮箱')}</span> <p style="color: #C6C7C9; font-size: 0.75rem; margin-bottom: 0.625rem;">{:lang_i18n('您的电子邮件地址不会被公开')}</p>
<input class="form-control itinp new_email" type="email" name="email" <span>{:lang_i18n('留言内容')}</span>
style="text-indent: 10px; margin-bottom:0;"> <textarea class="form-control itinp new_comment" name="content" rows="3" style="text-indent: 10px;width: 98%; margin-top: 0.625rem;margin-bottom: 0.625rem;border: 1px solid #DBDBDB;"></textarea>
<p style="color: #C6C7C9; font-size: 0.75rem; margin-bottom: 0.625rem;">{:lang_i18n('您的电子邮件地址不会被公开')}</p> <div class="comment_btn" style="color:#ffffff;">{:lang_i18n('提交留言')}</div>
<span>{:lang_i18n('留言内容')}</span> </form>
<textarea class="form-control itinp new_comment" name="content" rows="3" </div>
style="text-indent: 10px;width: 98%; margin-top: 0.625rem;margin-bottom: 0.625rem;border: 1px solid #DBDBDB;"></textarea> </div>
<div class="comment_btn" style="color:#ffffff;">{:lang_i18n('提交留言')}</div> </div>
</form> {notempty name="$recommends"}
</div> <div class="xq">
</div> <!-- 猜您喜欢 -->
</div> <div class="love">
{notempty name="$recommends"} <div class="love1">
<div class="xq"> <p class="tt">{:lang_i18n('你可能还喜欢')}</p>
<!-- 猜您喜欢 --> <p><img src="__IMAGES__/1line.png" height="7"></p>
<div class="love"> </div>
<div class="love1"> <ul class="love2">
<p class="tt">{:lang_i18n('你可能还喜欢')}</p> {volist name="recommends" id="vo"}
<p><img src="__IMAGES__/1line.png" height="7"></p> <li>
</div> <a href="{:url('article/detail', ['id' => $vo.id])}">
<ul class="love2"> <div class="lvimg"><img src="{$vo.image}"></div>
{volist name="recommends" id="vo"} <p class="lvtit">{$vo.title}</p>
<li> </a>
<a href="{:url('article/detail', ['id' => $vo.id])}"> </li>
<div class="lvimg"><img src="{$vo.image}"></div> {/volist}
<p class="lvtit">{$vo.title}</p> <div class="clear"></div>
</a> </ul>
</li> </div>
{/volist} </div>
<div class="clear"></div> {/notempty}
</ul>
</div>
</div>
{/notempty}
</div> </div>
{/block} {/block}
{block name="script"} {block name="script"}
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function () { $(document).ready(function () {
$('.comment_btn').click(function () { $('.comment_btn').click(function () {
var form = $(this).parents('form'); var form = $(this).parents('form');
var form_data = form.serialize(); var form_data = form.serialize();
$.ajax({ $.ajax({
url: form.attr('action'), url: form.attr('action'),
type: 'POST', type: 'POST',
data: form_data, data: form_data,
dataType: 'json', dataType: 'json',
success: function (data) { success: function (data) {
alert(data.msg); alert(data.msg);
if (data.code == 0) { if (data.code == 0) {
window.location.reload(); window.location.reload();
} }
} }
}) })
}) })
// 滚动到猜你喜欢部分，右边提交信息不固定 // 滚动到猜你喜欢部分，右边提交信息不固定
// 获取视口高度 // 获取视口高度
// 保存原始样式 // 保存原始样式
const originalAlign = $(".orico_Page_articleDetail .articleDetailMain").css("align-items"); const originalAlign = $(".orico_Page_articleDetail .articleDetailMain").css("align-items");
$(document).on("scroll", function () { $(document).on("scroll", function () {
const viewportHeight = $(this).height(); const viewportHeight = $(this).height();
// 获取当前滚动距离 // 获取当前滚动距离
const scrollTop = $(this).scrollTop(); const scrollTop = $(this).scrollTop();
$(".xq").each(function () { $(".xq").each(function () {
const $el = $(this); const $el = $(this);
const elTop = $el.offset().top; const elTop = $el.offset().top;
const elHeight = $el.outerHeight(); const elHeight = $el.outerHeight();
// 元素底部距离视口顶部还有 50px 时触发动画 // 元素底部距离视口顶部还有 50px 时触发动画
const triggerPosition = scrollTop + viewportHeight; const triggerPosition = scrollTop + viewportHeight;
if (scrollTop > $('.orico_Page_articleDetail').height()-350-900) { if (scrollTop > $('.orico_Page_articleDetail').height() - 350 - 900) {
$(".atmright").css("position", "static"); $(".atmright").css("position", "static");
$(".orico_Page_articleDetail .articleDetailMain").css("align-items","flex-end"); $(".orico_Page_articleDetail .articleDetailMain").css("align-items", "flex-end");
} else { } else {
// 还原原始样式 // 还原原始样式
$(".atmright").removeAttr("style"); // 清除自定义样式 $(".atmright").removeAttr("style"); // 清除自定义样式
$(".orico_Page_articleDetail .articleDetailMain").css("align-items", $(".orico_Page_articleDetail .articleDetailMain").css("align-items",
originalAlign); originalAlign);
} }
}); });
}); });
}) })
function shareCustomers() { function shareCustomers() {
// 复制到粘贴板 // 复制到粘贴板
const input = document.createElement('input') const input = document.createElement('input')
input.setAttribute('readonly', 'readonly') input.setAttribute('readonly', 'readonly')
let url = window.location.href let url = window.location.href
input.setAttribute('value', url) input.setAttribute('value', url)
document.body.appendChild(input) document.body.appendChild(input)
input.select() input.select()
if (document.execCommand('copy')) { if (document.execCommand('copy')) {
document.execCommand('copy') document.execCommand('copy')
alert("{:lang_i18n('链接复制成功')}") alert("{:lang_i18n('链接复制成功')}")
} }
document.body.removeChild(input) document.body.removeChild(input)
} }
</script> </script>
{/block} {/block}