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

评论样式修复

Browse Source
This commit is contained in:
迷和油
2025-06-07 15:50:22 +08:00
parent 8891017cef
commit 65d636177f
1 changed files with 147 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,31 +3,32 @@
{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="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>
<!-- 文本渲染 -->
<div class="blog_content">{$detail.content|raw}</div> <div class="blog_content">{$detail.content|raw}</div>
</div> </div>
<!-- 评论只显示前面五条--->
{notempty name="comments"} {notempty name="comments"}
<div class="plmain"> <div class="plmain">
<div class="pl"> <div class="pl">
@@ -41,8 +42,8 @@
</div> </div>
</div> </div>
{/notempty} {/notempty}
</div> </div>
<div class="atmright"> <div class="atmright">
{notempty name="share_config"} {notempty name="share_config"}
<div class="blog_share"> <div class="blog_share">
<h3>{:lang_i18n('分享')}</h3> <h3>{:lang_i18n('分享')}</h3>
@@ -65,17 +66,19 @@
<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_name" type="text" name="name" style="text-indent: 10px;">
<span>{:lang_i18n('电子邮箱')}</span> <span>{:lang_i18n('电子邮箱')}</span>
<input class="form-control itinp new_email" type="email" name="email" style="text-indent: 10px; margin-bottom:0;"> <input class="form-control itinp new_email" type="email" name="email"
style="text-indent: 10px; margin-bottom:0;">
<p style="color: #C6C7C9; font-size: 0.75rem; margin-bottom: 0.625rem;">{:lang_i18n('您的电子邮件地址不会被公开')}</p> <p style="color: #C6C7C9; font-size: 0.75rem; margin-bottom: 0.625rem;">{:lang_i18n('您的电子邮件地址不会被公开')}</p>
<span>{:lang_i18n('留言内容')}</span> <span>{:lang_i18n('留言内容')}</span>
<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> <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>
<div class="comment_btn" style="color:#ffffff;">{:lang_i18n('提交留言')}</div> <div class="comment_btn" style="color:#ffffff;">{:lang_i18n('提交留言')}</div>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
{notempty name="$recommends"} {notempty name="$recommends"}
<div class="xq"> <div class="xq">
<!-- 猜您喜欢 --> <!-- 猜您喜欢 -->
<div class="love"> <div class="love">
<div class="love1"> <div class="love1">
@@ -94,8 +97,8 @@
<div class="clear"></div> <div class="clear"></div>
</ul> </ul>
</div> </div>
</div> </div>
{/notempty} {/notempty}
</div> </div>
{/block} {/block}
{block name="script"} {block name="script"}
@@ -132,9 +135,9 @@
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"); // 清除自定义样式