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") 提交