|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>众包平台-首页</title>
<link type="text/css" rel="stylesheet" href="css/main.css" />
</head>
<body>
<div class="mainContainer taskDetailContainer">
<div class="taskTitle">
<span class="taskStatus statusUnstart">[待认领]</span>
天气Android插件开发
</div>
<div class="subTitle">
<span class="taskCharge">500积分</span>
<span class="taskCreateTime">2015-05-23发布</span>
<div style="clear:both;"></div>
</div>
<!--
class 属性
stepOne:第一步
stepOne stepTwo:第二步
stepOne stepTwo stepThree:第三步
stepOne stepTwo stepThree stepFour:第四步
-->
<div class="stepContainer stepOne stepTwo stepThree">
<div class="stepALl">
<div class="stepPercen"></div>
</div>
<div class="stepList">
<ul>
<li class="stepPublish">
<div class="stepName">发布</div>
<div class="date">2016-05-23</div>
</li>
<li class="stepClaim">
<div class="stepName">认领</div>
<div class="date">2016-05-23</div>
</li>
<li class="stepDevelop">
<div class="stepName">开发完成</div>
<div class="date"></div>
</li>
<li class="stepFinish">
<div class="stepName">审核完成</div>
<div class="date"></div>
</li>
</ul>
<div style="clear:both"></div>
</div>
</div>
<div class="catalogContainer">
<div class="catalogHead">
<p class="catelogTitle">项目属性</p>
</div>
<div class="catalogContent">
<ul class="itemList">
<li>
<label>项目编号：</label>00001
</li>
<li>
<label>技能要求：</label>Android
</li>
<li>
<label>项目周期：</label>3天
</li>
<li>
<label>项目类型：</label>Android插件
</li>
<li>
<label>项目难度：</label>2级
</li>
</ul>
</div>
</div>
<div class="catalogContainer">
<div class="catalogHead">
<p class="catelogTitle">项目描述</p>
</div>
<div class="catalogContent">
CSS指层叠样式表(Cascading Style Sheets)，CSS 是标准的布局语言，用来控制元素的尺寸、颜色、排版。CSS 由 W3C 发明，用来取代基于表格的布局、框架以及其他非标准的表现方法。样式 (style) 定义如何显示 HTML 元素；样式通常存储于样式表中；外部样式表存储于 CSS 文件中。
</div>
</div>
<div class="catalogContainer">
<div class="catalogHead">
<p class="catelogTitle">附件</p>
</div>
<div class="catalogContent">
<div>
<a href="javascript:;">需求说明书.rar</a>
</div>
<div>
<a href="javascript:">设计原型图.psd</a>
</div>
</div>
</div>
<div class="catalogContainer">
<div class="catalogHead">
<p class="catelogTitle">认领与交付</p>
</div>
<div class="catalogContent">
<ul class="itemList">
<li>
<label>认领人：</label>
张三 CMC-BJ-OCRM 12345
</li>
<li>
<label>开发时间：</label>
2016-05-03 至 2016-05-30
</li>
<li>
<label>完成质量：</label>
符合IPU插件开发规范，代码简洁，注释清晰
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
|
