feat: 添加支持在未设定 Logo 时选取标题首字作为导航图片内容展示

Author: Light

src/css/nav.css

@@ -339,11 +339,24 @@ body.night .search-engine ul::before {
   transition: all 0.3s ease;
 }
 
-.xe-comment-entry img {
+.xe-comment-entry img,
+.xe-comment-entry .no-img {
   float: left;
   display: block;
   margin-right: 10px;
-  border-radius: 50px;
+}
+
+.xe-comment-entry .no-img {
+  width: 54px;
+  height: 54px;
+  font-size: 2em;
+  background: #e8e1e1;
+  text-align: center;
+  line-height: 54px;
+}
+
+body.night .xe-comment-entry .no-img {
+  background: #282b2d;
 }
 
 .xe-comment p {

src/footer.php

@@ -65,7 +65,7 @@ function show_date_time() {
         });
     </script>
 <?php endif; ?>
-<script src="<?php echo THEME_URL ?>/js/index.min.js"></script>
+<script src="<?php echo THEME_URL ?>/js/index.js"></script>
 <script src="<?php echo THEME_URL ?>/js/zui.js"></script>
 <script src="<?php echo THEME_URL ?>/js/bootstrap.min.js"></script>
 <script src="<?php echo THEME_URL ?>/js/TweenMax.min.js"></script>

src/index.php

@@ -90,8 +90,12 @@ class="fa fa-heart xiaotubiao"
                                  data-original-title="<?php echo $posts->fields->url; ?>">
                                 <div class="xe-comment-entry">
                                 <span class="xe-user-img">
-                                    <img src="<?php echo $posts->fields->logo; ?>" class="img-circle" width="54"
-                                         alt="<?php $posts->title(); ?>">
+                                    <?php if (strlen($posts->fields->logo) > 0) : ?>
+                                        <img src="<?php echo $posts->fields->logo; ?>" class="img-circle" width="54"
+                                             alt="<?php $posts->title(); ?>">
+                                    <?php else : ?>
+                                        <span class="img-circle no-img"><?php echo strlen($posts->title) > 0 ? mb_substr($posts->title, 0, 1) : '' ?></span>
+                                    <?php endif; ?>
                                 </span>
                                     <div class="xe-comment">
                                     <span href="javascript:void(0);" class="xe-user-name overflowClip_1">
@@ -116,7 +120,8 @@ class="fa fa-heart xiaotubiao"
             <ul>
                 <li class="fk_service_box fk_service_sidebar visible-xs"
                     onclick="document.getElementById('01').click();" style="display: block;">
-                    <a id="01" href="#" rel="toggle-sidebar" class="fk_service_box fk_service_sidebar" title="切换侧栏" data-toggle="mobile-menu">1</a>
+                    <a id="01" href="#" rel="toggle-sidebar" class="fk_service_box fk_service_sidebar" title="切换侧栏"
+                       data-toggle="mobile-menu">1</a>
                 </li>
                 <li class="fk_service_box fk_service_upward"
                     onclick="document.getElementById('02').click();" style="display: block;">

src/js/index.min.js src/js/index.jssrc/js/index.min.js renamed to src/js/index.js

@@ -3103,11 +3103,12 @@ function search() {
   const curNavList = [];
   const navList = document.querySelectorAll('.main-content .label-info');
   navList.forEach(item => {
+    const userImg = item.querySelector('.xe-user-img img');
     curNavList.push({
       url: item.dataset.originalTitle || '',
       title: item.querySelector('strong').textContent.trim() || '',
       des: item.querySelector('p').textContent.trim() || '',
-      src: item.querySelector('.xe-user-img img').src || '',
+      src: (userImg && userImg.src) || '',
     });
   });