yunpan/views/index.jade

yunpan demo

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