50 lines
2.4 KiB
50 lines
2.4 KiB
extends /layout/layout
|
|
|
|
block var
|
|
-title="首页" // 网页标题
|
|
//- -hideHeader=true
|
|
|
|
block head
|
|
+css("style/views/index.css")
|
|
|
|
block content
|
|
.container
|
|
.row.overflow-hidden
|
|
.col-12.p-2.col-md-6.col-lg-3
|
|
.card(style='margin: 0 auto;')
|
|
.card-body
|
|
h5.card-title Card title
|
|
h6.card-subtitle.mb-2.text-muted Card subtitle
|
|
p.card-text Some quick example text to build on the card title and make up the bulk of the card's content.
|
|
a.card-link(href='#') Card link
|
|
a.card-link(href='#') Another link
|
|
.col-12.p-2.col-md-6.col-lg-3
|
|
.card(style='margin: 0 auto;')
|
|
.card-body
|
|
h5.card-title Card title
|
|
h6.card-subtitle.mb-2.text-muted Card subtitle
|
|
p.card-text Some quick example text to build on the card title and make up the bulk of the card's content.
|
|
a.card-link(href='#') Card link
|
|
a.card-link(href='#') Another link
|
|
.col-12.p-2.col-md-6.col-lg-3
|
|
.card(style='margin: 0 auto;')
|
|
.card-body
|
|
h5.card-title Card title
|
|
h6.card-subtitle.mb-2.text-muted Card subtitle
|
|
p.card-text Some quick example text to build on the card title and make up the bulk of the card's content.
|
|
a.card-link(href='#') Card link
|
|
a.card-link(href='#') Another link
|
|
.col-12.p-2.col-md-6.col-lg-3
|
|
.card(style='margin: 0 auto;')
|
|
.card-body
|
|
h5.card-title Card title
|
|
h6.card-subtitle.mb-2.text-muted Card subtitle
|
|
p.card-text Some quick example text to build on the card title and make up the bulk of the card's content.
|
|
a.card-link(href='#') Card link
|
|
a.card-link(href='#') Another link
|
|
ul
|
|
li: a(href="https://cloud.tencent.com/developer/article/1793543" target="_blank") 15个最优秀的响应式CSS框架
|
|
li https://getbootstrap.com/docs/5.2/components/collapse/
|
|
li https://getbase.org/
|
|
li https://tooltt.com/html2pug/
|
|
li https://www.pugjs.cn/language/conditionals.html
|