搜索页自适配

static/css/common.css

@@ -606,7 +606,7 @@ img {
 .search-result a{
     display: block;
     cursor: pointer;
-    height: 25px;
+    min-height: 25px;
     line-height: 25px;
     font-size: 16px;
     text-decoration: #00c6ff;
@@ -686,4 +686,10 @@ img {
     .blog-title{
         line-height: 35px;
     }
+    .search-result{
+        margin: 0;
+    }
+    .input-class{
+        width: 98% !important;
+    }
 }

views/T.header.tpl

@@ -8,7 +8,7 @@
 {{else}}
     <meta name="description" content="码农随笔,个人随笔是一个面向IT技术人员,提供个人平时工作总结和在线记录学习笔记,个人技术博客,在线云笔记,码农笔录,最新的技术博客,www.aiprose.com">
 {{end}}
-    <link type="text/css" rel="styleSheet" href="/static/css/common.min.css"/>
+    <link type="text/css" rel="styleSheet" href="/static/css/common.css"/>
     <script type="text/javascript" src="/static/js/vue.min.js"></script>
     <link rel="stylesheet" href="/static/layui/css/layui.css">
     <script type="text/javascript" src="/static/layui/layui.js"></script>

views/index.html

@@ -7,7 +7,7 @@
     {{template "nav" .}}
     <div class="blog-root index-root">
         <div class="jumbotron" style="margin-top: 50px;margin-bottom: 10px">
-            <blockquote class="layui-elem-quote">码农随笔 3.0(golang + vue)版本正式上线</blockquote>
+            <blockquote class="layui-elem-quote">码农随笔 3.0(golang + vue)自适应版本正式上线</blockquote>
         </div>
         <div class="home-container-list">
             <div style="flex: 1" class="home-container-list-item">

views/search.html

@@ -9,7 +9,7 @@
     <div class="search-root">
         <div>
             <div>
-                <div class="input-group input-class">
+                <div class="input-group input-class auto-screen">
                     <el-input v-model="searchVal" @change="searchHandler" placeholder="请输入关键字"></el-input>
                 </div>
             </div>
@@ -18,7 +18,7 @@
             <div class="search-item" v-for="el in list">
                 <div class="search-title">
                     <a style="color: #28a3ef" :href="'https://www.aiprose.com/blog/' + el._source.Id " target="_blank">${el._source.Title}</a>
-                    <span> ${mtime(el._source.Ctime)}</span>
+                    <span class="auto-item"> ${mtime(el._source.Ctime)}</span>
                 </div>
                 <p class="search-content">${el._source.BlogDesc }</p>
             </div>