{{template "header" .}}
<meta name="keywords" content="码农随笔,个人随笔,博客,个人博客,个人笔记,技术博客,免费云笔记,云笔记,随笔,IT博客,谷歌地图,码农笔录,aiprose">
<title>博客列表 - 码农随笔</title>
</head>
<body>
<div class="root-container">
{{template "nav" .}}
<div class="home-container">
<div class="home-hearder">
<div style="flex: 1">
<span>
<select name="city" id="selCat" class="m-select">
<option value="-1">选择分类</option>
{{range .Cats}}
<option value="{{.Id}}">{{.Title}}</option>
{{end}}
</select>
</span>
<div class="layui-btn-group" style="display: inline-block;margin-top: -5px">
<button class="layui-btn layui-btn-sm {{if eq 0 .Flag}}active{{end}}"><a href="/blogs?num=1&flag=0&cat={{.Cat}}" >最新</a></button>
<button class="layui-btn layui-btn-sm {{if eq 1 .Flag}}active{{end}}"><a href="/blogs?num=1&flag=1&cat={{.Cat}}" >最热</a></button>
</div>
</div>
<button type="button" onclick="window.open('/blog/new')" class="layui-btn layui-btn-radius layui-btn-danger layui-btn-sm " style="border-radius: 12px">
写文章
</button>
</div>
<div>
<div class="home-content" style="min-height: 40px;line-height: 40px;color: #888">
<div class="home-content-title cursor" style="font-size: 14px">
文章标题
</div>
<div style="display: inline-block;width: 300px">
<div class="home-content-desc">
<span style="width: 100px;font-size: 14px">类型</span>
<span style="width: 50px"> 用户</span>
<span style="flex: 1;font-size: 14px">浏览量</span>
<span style="min-width: 80px;font-size: 14px">日期</span>
</div>
</div>
</div>
<hr style="border:none"/>
</div>
{{range .Page.List}}
<div>
<div class="home-content">
<div class="home-content-title cursor">
<a href="/blog/{{.Id}}" target="_blank">{{.Title}}</a>
</div>
<div style="display: inline-block;width: 300px">
<div class="home-content-desc">
<span style="width: 100px;font-size: 12px">{{.CateName}}</span>
<span style="width: 50px;text-align: center">
<a href="/u/{{.UserId}}"><img src="{{.HeadImg}}" alt="头像" class="img-circle"></a>
</span>
<span style="flex: 1;font-size: 14px">{{.Browses}}</span>
<span style="min-width: 80px;font-size: 14px">{{.Ctime.Format "2006/01/02"}}</span>
</div>
</div>
</div>
</div>
{{end}}
<div style="text-align: center">
<nav>
<div class="pagination pagination-lg">
<ul>
{{if .Page.FirstPage}}
{{else}}
<li class="prev">
<a href="/blogs?num={{ .Page.PageNo | NAdd -1}}&flag={{.Flag}}&cat={{.Cat}}">«</a>
</li>
{{end}}
<li class="active"><a href="javascript:void(0)">{{.Page.PageNo}}</a></li>
{{if .Page.LastPage}}
{{else}}
<li class="next">
<a href="/blogs?num={{ .Page.PageNo | NAdd +1}}&flag={{.Flag}}&cat={{.Cat}}">»</a>
</li>
{{end}}
</ul>
</div>
</nav>
</div>
</div>
<div class="footer-container">
{{template "footer"}}
</div>
</div>
</body>
<script>
var app = new Vue({
el: ".root-container",
delimiters: ['${', '}'],
data: {
user: {}
},
})
$(function () {
$("#selCat").val({{.Cat}})
$("#selCat").change(function () {
window.location.href = "/blogs?num=1&flag={{.Flag}}&cat=" + $("#selCat").val()
})
})
</script>
</html>