浏览代码

搜索页自适配

master
nelson 3 年前
父节点
当前提交
51c45606c1
  1. 8
      static/css/common.css
  2. 2
      static/css/common.min.css
  3. 2
      views/T.header.tpl
  4. 2
      views/index.html
  5. 4
      views/search.html

8
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;
}
}

2
static/css/common.min.css

文件差异因一行或多行过长而隐藏

2
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>

2
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">

4
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>

正在加载...
取消
保存