extends /layout/layout

block var
  -title="颜色表" // 网页标题

block head
  link(rel="stylesheet", href="/public/css/common/reset.css")
  link(rel="stylesheet", href="/public/css/views/color.css")

block content
  div(class="container page")
    div(class="color_list")
      -
        var list=[
          {  color:"#999999",title: "辅助色",describe:"灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色"},
          {  color:"#999999",title: "辅助色",describe:"灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色"},
          {  color:"#999999",title: "辅助色",describe:"灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色灰色"},
          {  color:"#000000",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")
      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") 提交