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.
53 lines
2.4 KiB
53 lines
2.4 KiB
include @/helper/flush.pug
|
|
include @/helper/helper.pug
|
|
|
|
block var
|
|
-title="颜色" // 网页标题
|
|
title 颜色
|
|
|
|
div(class="container page")
|
|
style
|
|
:public style/views/color.css
|
|
h1 颜色表
|
|
div(class="color_list")
|
|
-
|
|
var list=[
|
|
{ color:"#00ffff",title: "青色",describe:""},
|
|
{ color:"#222222",title: "辅助色",describe:""},
|
|
{ color:"#8f8f8f",title: "辅助色",describe:""},
|
|
{ color:"#00d1b2",title: "辅助色",describe:""},
|
|
{ color:"#999999",title: "辅助色",describe:""},
|
|
{ color:"#999999",title: "辅助色",describe:""},
|
|
{ color:"#999999",title: "辅助色",describe:""},
|
|
{ color:"#999999",title: "辅助色",describe:""},
|
|
{ color:"#999999",title: "辅助色",describe:""},
|
|
{ color:"#999999",title: "辅助色",describe:""},
|
|
{ color:"#999999",title: "辅助色",describe:""},
|
|
{ color:"#999999",title: "辅助色",describe:""},
|
|
{ color:"#999999",title: "辅助色",describe:""},
|
|
{ color:"#999999",title: "辅助色",describe:""},
|
|
{ color:"#999999",title: "辅助色",describe:""},
|
|
{ color:"#999999",title: "辅助色",describe:""},
|
|
{ color:"#999999",title: "辅助色",describe:""},
|
|
{ color:"#999999",title: "辅助色",describe:""},
|
|
{ color:"#999999",title: "辅助色",describe:""},
|
|
{ color:"#999999",title: "辅助色",describe:""},
|
|
]
|
|
each item in list
|
|
div(class="color_item")
|
|
div(class="color_item_bg" style=`background: ${item.color}`)
|
|
div(class="color_toggle_list")
|
|
div(class="color_toggle_item") hex
|
|
div(class="color_toggle_item") rgba
|
|
div(class="color_item_name") #{item.color}
|
|
div(class="color_item_content")
|
|
div(class="color_item_title") #{item.title}
|
|
div(class="color_item_desc") #{item.describe || "暂无描述"}
|
|
//- div(class="color_item")
|
|
//- img(src="/public/image/add.png", alt="添加" title="添加" class="color_add")
|
|
if isLogin
|
|
div
|
|
form(action="POST" method="post")
|
|
div(class=".wrapper_input"): input(type="text" tabindex="1" value="sadsa" name="a")
|
|
div(class=".wrapper_input"): input(type="text" tabindex="3" value="sadsa" name="b")
|
|
button(type="submit" tabindex="2") 提交
|