BJ_web_developers / workreport

		1	+.workquery-cardlist li{
		2	+ width:324px ;
		3	+ height: 136px;
		4	+ padding: 28px 28px;
		5	+ float: left;
		6	+ border-radius: 4px;
		7	+ background-color: #fff;
		8	+}
		9	+.workquery-cardlist li:nth-of-type(1){
		10	+ width: 488px;
		11	+}
		12	+.workquery-cardlist li:nth-of-type(2){
		13	+ margin: 0 32px;
		14	+}
		15	+.workquery-card-title{
		16	+ font-size: 18px;
		17	+ color: #363d5d;
		18	+ padding-left: 20px;
		19	+ background: url("../../resource/img/circle-icon.png") no-repeat 0 center;
		20	+}
		21	+.workquery-card-counter{
		22	+ font-size: 60px;
		23	+ color: #b4b5be;
		24	+ padding-left: 90px;
		25	+}
		26	+.workquery-card-allcounter{
		27	+ background: url("../../resource/img/workquery-card-allcounter.png") no-repeat 0 center;
		28	+}
		29	+.workquery-card-commitedcounter{
		30	+ background: url("../../resource/img/workquery-card-commitedcounter.png") no-repeat 0 center;
		31	+}
		32	+.workquery-card-nocommitedcounter{
		33	+ background: url("../../resource/img/workquery-card-nocommitedcounter.png") no-repeat 0 center;
		34	+}
		35	+
		36	+
		37	+
		38	+/----------------------------------------时间/
		39	+
		40	+
		41	+
		42	+
		43	+
		44	+/----------------------------------------列表/
0	\ No newline at end of file	45	\ No newline at end of file

topages/workquery/workquery.html

1		1
2	-<div>12312312323131</div>	2	+<ul class="workquery-cardlist">
		3	+ <li>
		4	+ <div class="workquery-card-title ">今日共计  (人)</div>
		5	+ <div class="workquery-card-counter workquery-card-allcounter">123</div>
		6	+ </li>
		7	+ <li>
		8	+ <div class="workquery-card-title ">今日已提交  (人)</div>
		9	+ <div class="workquery-card-counter workquery-card-commitedcounter">13</div>
		10	+ </li>
		11	+ <li>
		12	+ <div class="workquery-card-title ">今日未提交  (人)</div>
		13	+ <div class="workquery-card-counter workquery-card-nocommitedcounter">3</div>
		14	+ </li>
		15	+</ul>
		16	+<div class="workquery-timeopr-wrap">时间操作区域</div>
		17	+
		18	+
		19	+
		20	+<div>列表</div>