fixed 样式bug

themes/Ying/layouts/index.html

@@ -6,7 +6,21 @@
             <div class="searchable-header-container">
                 <h2 class="section-header normal-mode" id="essay-header" onclick="toggleSearchMode(true)" uk-scrollspy="cls: uk-animation-slide-left-small; delay: 200">
                     随笔<i class="ri-quill-pen-line"></i>
-                    <span class="search-hint">点击随笔，开始搜索</span>
+                    <div class="search-hint-wrapper">
+                        {{ if .Site.Params.home_search.mascot }}
+                        <img src="{{ .Site.Params.home_search.mascot | relURL }}" class="search-mascot">
+                        {{ else }}
+                        <img src="{{ "emotion/aru/cheer.png" | relURL }}" class="search-mascot">
+                        {{ end }}
+                        <span class="search-hint"></span>
+                    </div>
+                    {{ if .Site.Params.home_search.hint }}
+                    <script>
+                        window.searchHintText = "{{ .Site.Params.home_search.hint }}";
+                        window.searchGreetings = {{ .Site.Params.home_search.greetings | jsonify | safeJS }};
+                        window.searchHolidays = {{ .Site.Params.home_search.holidays | jsonify | safeJS }};
+                    </script>
+                    {{ end }}
                 </h2>
                 <div class="search-mode" id="search-container" style="display: none;">
                     <div class="search-input-group">

themes/Ying/layouts/partials/header.html

@@ -4,27 +4,24 @@
     <div class="container">
         <div class="header">
             <div class="header-top">
-                <div class="head_author_img load-memos-editor" id="theme-toggle-avatar">
+                <div class="header-avatar load-memos-editor" id="theme-toggle-avatar">
                     <img src="{{ .Site.Params.author.avatar }}" class="blog-img" width="80" height="80" alt="{{ .Site.Title }}" />
                     <div class="avatar-theme-tip">
                         点击头像切换昼夜
                     </div>
                 </div>
-                <div class="site-description">
-                    <h2><span class="uk-invisible">{{ .Site.Params.author.description }}</span></h2>
-                    <nav class="nav social uk-visible@m">
-                        <ul class="flat">
-                            {{ with .Site.Params.social }}
-                                {{ range . }}
-                                    <a href="{{ .url }}" title="{{ .title }}" target="_blank"><i class="{{ .icon }}"></i></a>
-                                {{ end }}
+                <div class="header-info">
+                    <div class="header-social uk-visible@m">
+                        {{ with .Site.Params.social }}
+                            {{ range . }}
+                                <a href="{{ .url }}" title="{{ .title }}" target="_blank"><i class="{{ .icon }}"></i></a>
                             {{ end }}
-                        </ul>
-                        <div class="yiyandes">{{ .Site.Params.author.description }}</div>
-                    </nav>
+                        {{ end }}
+                    </div>
+                    <div class="header-bio">{{ .Site.Params.author.description }}</div>
                 </div>
             </div>
-            <nav class="nav">
+            <nav class="header-menu">
                 <ul class="flat">
                     {{ range site.Menus.main }}
                     <li class="active {{ if eq .Name "光影" }}mobile-hidden{{ end }}"><a href="{{ .URL }}">{{ .Name }}</a></li>