评论样式修复
This commit is contained in:
迷和油
@@ -3,161 +3,164 @@
|
|||||||
{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="blog_title">
|
<div class="ct">
|
||||||
<h2>{$detail.title}</h2>
|
<div class="blog_title">
|
||||||
<p>{$detail.release_time}</p>
|
<h2>{$detail.title}</h2>
|
||||||
</div>
|
<p>{$detail.release_time}</p>
|
||||||
<!-- 文本渲染 -->
|
</div>
|
||||||
<div class="blog_content">{$detail.content|raw}</div>
|
<!-- 文本渲染-->
|
||||||
</div>
|
<div class="blog_content">{$detail.content|raw}</div>
|
||||||
<!-- 文本渲染 -->
|
</div>
|
||||||
<div class="blog_content">{$detail.content|raw}</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}
|
||||||
Reference in New Issue
Block a user