63 lines
2.1 KiB
HTML
63 lines
2.1 KiB
HTML
{{define "index.html"}} {{template "base.html" .}} {{end}} {{define "body"}}
|
|
<div class="w-full container-2xl mx-auto bg-white shadow-md shadow-gray-100" id="header">
|
|
<div class="mx-auto md:w-4/5 p-2 md:px-10 md:py-5">
|
|
<Span class="text-5xl font-light">Win-xg</Span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="h-6 bg-white">
|
|
</div>
|
|
|
|
<div class="container-2xl mx-auto bg-white">
|
|
|
|
<div class="mx-auto md:w-4/5 p-2 md:px-10 space-y-5 md:space-y-5">
|
|
|
|
{{range .list}}
|
|
<div class="md:px-8">
|
|
<div class="md:py-1 md:w-full text-2xl font-light text-black">
|
|
<div class="grid md:grid-cols-6 grid-cols-1">
|
|
<div class="text-sm md:text-lg md:col-span-2 md:text-center">
|
|
<span class="text-red-300">{{.Date}}</span>
|
|
</div>
|
|
<div class="md:col-span-4 hover:text-red-400">
|
|
<a href="/article/{{.Id}}">{{.Conf.Title}}</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
<div class="w-full flex justify-center py-10">
|
|
<div class="flex center">
|
|
<div class="text-xl md:text-2xl font-light text-red-400 hover:text-black">
|
|
{{if gt .prevPage 0}}
|
|
<a href="/?p={{.prevPage}}">
|
|
<-上一页</a>
|
|
{{else}} 没有了 {{end}}
|
|
</div>
|
|
<div class="text-xl md:text-2xl font-light">
|
|
-{{.page}}-
|
|
</div>
|
|
<div class="text-xl md:text-2xl font-light text-red-400 hover:text-black">
|
|
{{if gt .nextPage 0}}
|
|
<a href="/?p={{.nextPage}}">下一页-></a> {{else}} 没有了 {{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- <div class="h-6 bg-white">
|
|
</div> -->
|
|
{{end}} {{define "ext_js"}}
|
|
<script src="/statics/js/stuck.js"></script>
|
|
<script>
|
|
const Stuck = StuckJs.Stuck;
|
|
const instances = new Stuck([{
|
|
selector: '#header',
|
|
marginTop: 0
|
|
}, ], {
|
|
marginTop: 10
|
|
});
|
|
</script>
|
|
{{end}} |