You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
3.6 KiB
86 lines
3.6 KiB
{{template "header"}}
|
|
<title>首页 - 个人随笔</title>
|
|
<link type="text/css" rel="styleSheet" href="/static/css/index.css"/>
|
|
</head>
|
|
<body>
|
|
<div class="root-container">
|
|
{{template "nav" .}}
|
|
<div class="home-container">
|
|
<div class="home-hearder">
|
|
<div style="flex: 1">
|
|
<span>
|
|
<select class="form-control input-lg" style="width: 150px;display: inline-block;height: 32px">
|
|
<option>1</option>
|
|
<option>2</option>
|
|
<option>3</option>
|
|
<option>4</option>
|
|
<option>5</option>
|
|
</select>
|
|
</span>
|
|
<div class="btn-group" role="group" style="display: inline-block;margin-top: -3px">
|
|
<button type="button" class="btn btn-default btn-xl">最新</button>
|
|
<button type="button" class="btn btn-default btn-xl">最热</button>
|
|
</div>
|
|
</div>
|
|
<button type="button" onclick="window.open('/blog/new')" class="btn btn-danger" 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: 260px">
|
|
<div class="home-content-desc">
|
|
<span style="width: 60px;font-size: 14px">类型</span>
|
|
<span style="width: 60px"> 用户</span>
|
|
<span style="width: 60px;font-size: 14px">浏览量</span>
|
|
<span style="flex: 1;font-size: 14px">日期</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr style="height:1px;border:none;border-top:1px solid lightgray;"/>
|
|
</div>
|
|
{{range .Blogs}}
|
|
<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: 260px">
|
|
<div class="home-content-desc">
|
|
<span style="width: 60px;font-size: 14px">{{.CateName}}</span>
|
|
<span style="width: 60px" class="cursor">{{.UserName}}</span>
|
|
<span style="width: 60px;font-size: 14px">{{.Browses}}</span>
|
|
<span style="flex: 1;font-size: 14px">{{.Ctime.Format "2006-01-02"}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr style="height:1px;border:none;border-top:1px solid #EEE;"/>
|
|
</div>
|
|
{{end}}
|
|
|
|
<div style="text-align: center">
|
|
<nav>
|
|
<div class="pagination pagination-lg">
|
|
<ul>
|
|
<li class="prev">
|
|
<a href="#">«</a>
|
|
</li>
|
|
<li><a href="#">1</a></li>
|
|
<li><a href="#">2</a></li>
|
|
<li><a href="#">3</a></li>
|
|
<li class="active"><a href="#">4</a></li>
|
|
<li><a href="#">5</a></li>
|
|
<li class="next">
|
|
<a href="#">»</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|