Merge pull request #505 from chengzhongxue/main

移动端首页文章样式，文章元数据添加ai摘要控制，评论弹幕样式优化

annotation-setting.yaml

@@ -7,6 +7,15 @@ spec:
     group: content.halo.run
     kind: Post
   formSchema:
+    - $formkit: "radio"
+      name: "ai"
+      label: "AI 摘要"
+      help: "默认后台设置"
+      options:
+        - label: "启用"
+          value: "true"
+        - label: "禁用"
+          value: "false"
     - $formkit: "radio"
       name: "copyrightEnable"
       id: "copyrightEnable"

templates/assets/zhheo/commentBarrage.css

@@ -37,9 +37,9 @@
     border: var(--style-border);
     backdrop-filter: saturate(180%) blur(20px);
     -webkit-backdrop-filter: blur(20px);
+    transform: translateZ(0);
     position: fixed;
     box-shadow: var(--heo-shadow-border);
-    overflow: hidden;
 }
 
 .comment-barrage-item:hover {
@@ -118,7 +118,6 @@
     line-height: 1;
     padding: 4px;
     border-radius: 4px;
-    white-space: nowrap;
 }
 
 .comment-barrage-item .barrageHead .barrageTitle:hover {
@@ -140,9 +139,8 @@
     font-size: 14px !important;
     font-weight: normal !important;
     height: calc(100% - 30px);
-    overflow: hidden;
-    width: fit-content;
-    max-height: 48px;
+    overflow: scroll;
+    cursor: pointer
 }
 
 .comment-barrage-item .barrageContent a {

templates/assets/zhheo/zhheoblog.css

@@ -8642,6 +8642,7 @@ li {
     .recent-post-item .recent-post-info .recent-post-info-top .content {
         opacity: 1;
         -webkit-line-clamp: 2;
+        display: none;
     }
 
     #recent-posts .recent-post-item .recent-post-info .article-title {

templates/post.html

@@ -136,7 +136,8 @@
 
 
                 <!-- 文章ai摘要 -->
-                <div class="post-ai" th:if="${theme.config.post.aiDescription.aiDescriptionEnable}">
+                <div class="post-ai" th:if="${not #strings.isEmpty(#annotations.get(post, 'ai')) ?
+                      #annotations.get(post, 'ai') == 'true' : theme.config.post.aiDescription.aiDescriptionEnable}">
                     <div class="ai-title"><i class="haofont hao-icon-bilibili"></i>
                         <div class="ai-title-text">AI-摘要</div>
                         <div th:if="${theme.config.post.aiDescription.switchBtn}" id="ai-Toggle">切换</div>
@@ -159,7 +160,8 @@
                 </article>
 
                 <!-- 文章ai摘要 -->
-                <script data-pjax th:if="${theme.config.post.aiDescription.aiDescriptionEnable}"
+                <script data-pjax th:if="${not #strings.isEmpty(#annotations.get(post, 'ai')) ?
+                      #annotations.get(post, 'ai') == 'true' : theme.config.post.aiDescription.aiDescriptionEnable}"
                         th:src="${assets_link + '/libs/gpt/post-ai.js'}"></script>
 
                 <!-- 版权声明 -->