yunpan
Version:
yunpan demo
55 lines (50 loc) • 1.58 kB
text/jade
doctype
html
head
title 云盘demo
link(rel="stylesheet", href="../css/index.css")
body
div.nav
div.logo
div.util
div.logout 退出
div.aside
ul.categoryList
li.category.active 全部文件
li.category 文档
li.category 视频
li.category 图片
li.category 音乐
div.asideFooter
div.space
div.spaceProcess
span.usedSpace(style="width:#{20/100 * 100}%")
div.spaceTip 容量:#{20}m/#{100}m
div.container
div.topbar
div.file-opts
div.primary-btn#uploadBtn 上传文件
div.primary-btn#createBtn 创建文件夹
div.opt-btn.first-btn#delBtn 删除
div.opt-btn#downloadBtn 下载
div.opt-btn#renameBtn 重命名
div.opt-btn.last-btn#copyBtn 复制
div.opt-search.opt-other
input.search-input(type="text" autocomplete="off" placeholder="输入文件名搜索" maxlength="50")
div.search-btn 搜索
div.file-state
div.file-path
div.fileDir 返回上级
div.load-state 已全部加载,共#{files.length}个
div.fileList
each item in files
div(class="item item-"+item.type name=item.name)
div.itemImage
div.itemName
div.staticName #{item.name}
div.changeName
input.ipt-name.inputName(type="text" autocomplete="off" value="#{item.name}" maxlength="50")
script(type="text/javascript").
var spacePath = '#{spacePath}';
script(type="text/javascript" src="../js/comm/jquery.js")
script(type="text/javascript" src="../js/index.js")