Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.app
Watch 2
Star 1
Fork 0
Code Issues 0 Pull Requests 0 Commits 381 Releases 0 Wiki
Browse Source

设置中我的需求列表和查看需求

luyanan 8 years ago
parent
beb33827ab
commit
93ee31a75c
2 changed files with 161 additions and 0 deletions
Split View Show Diff Stats
  1. 90 0
      app/html/needList.html
  2. 71 0
      app/html/needShow.html

+ 90 - 0
app/html/needList.html
View File 

@ -0,0 +1,90 @@
1 
<!doctype html>
2 
<html>
3 
	<head>
4 
		<meta charset="UTF-8">
5 
		<title>我的需求</title>
6 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link href="../css/iconfont.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
		<style type="text/css">
11 
			.mui-table-view .mui-media-object.btnLinkIcon{width:36px; height:36px;line-height:36px;}
12 
			.mui-table-view .mui-media-object.btnLinkIcon .iconfont{color:#FFFFFF;line-height:24px;}
13 
		</style>
14 
	</head>
15
16 
	<body>
17 
		<header class="mui-bar mui-bar-nav toptitbox">
18 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
19 
		    <h1 class="mui-title toptit">我的需求</h1>
20 
		</header>
21 
		<div class="mui-content">
22 
			<div class="filterdiv btnLinkBox">
23 
				<ul class="mui-table-view">
24 
					<li class="mui-table-view-cell mui-media">
25 
						<a href="javascript:;">
26 
							<div class="mui-media-object mui-pull-left btnLinkIcon fabuBtn">
27 
								<em class="mui-icon iconfont icon-fabu"></em>
28 
							</div>
29 
							<div class="mui-media-body btnLink">
30 
								<h4 style="line-height:24px;font-size:20px">发布新需求</h4>
31 
							</div>
32 
						</a>
33 
					</li>
34 
				</ul>
35 
			</div>
36 
			<div class="contentInner">
37 
				<div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper" style="top:110px">
38 
		  			<div class="mui-scroll">
39 
					    <ul class="mui-table-view protable tableList">
40 
					   		<li class="mui-table-view-cell mui-media">
41 
								<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">这里是需求主题</span>
42 
									<div class="coustatus mui-pull-right">
43 
										<span class="aimlabel">企业</span>
44 
										<span class="aimlabel">技术</span>
45 
										<span class="status-1">发布中</span>
46 
									</div>
47 
								</div>
48 
								<a class="proinfor itemBtn">
49 
									<div class="mui-media-body">
50 
										<span class="listtit">
51 
											<span class="thistime" style="top:20px">今天 14:06</span>
52 
										</span>
53 
										<p class="listtit3 mui-ellipsis-2 rightChevron">
54 
											(这里显示的是需求内容)Lorem ipsum dolor sit amet, consectetur adipiscing elit.
55 
											 Aenean euismod bibendum
56 
										</p>
57 
									</div>
58 
								</a>
59 
							</li>
60 
							<li class="mui-table-view-cell mui-media">
61 
								<div class="coutopicbox"><span class="coutheme mui-ellipsis mui-pull-left">这里是需求主题</span>
62 
									<div class="coustatus mui-pull-right">
63 
										<span class="aimlabel">企业</span>
64 
										<span class="aimlabel">资源</span>
65 
										<span class="status-5">已关闭</span>
66 
									</div>
67 
								</div>
68 
								<a class="proinfor itemBtn">
69 
									<div class="mui-media-body">
70 
										<span class="listtit">
71 
											<span class="thistime" style="top:20px">今天 14:06</span>
72 
										</span>
73 
										<p class="listtit3 mui-ellipsis-2 rightChevron">
74 
											(这里显示的是需求内容)Lorem ipsum dolor sit amet, consectetur adipiscing elit.
75 
											 Aenean euismod bibendum
76 
										</p>
77 
									</div>
78 
								</a>
79 
							</li>
80 
					    </ul>
81 
					</div>
82 
				</div>
83 
			</div>
84 
		</div>
85
86 
		<script src="../js/public/mui.min.js"></script>
87 
		<script src="../js/public/base.js"></script>
88 
	</body>
89
90 
</html>

+ 71 - 0
app/html/needShow.html
View File 

@ -0,0 +1,71 @@
1 
<!doctype html>
2 
<html>
3 
	<head>
4 
		<meta charset="UTF-8">
5 
		<title>我的需求</title>
6 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link href="../css/iconfont.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
		<style type="text/css">
11 
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;background: #fff;}
12 
			.mui-content{background: #fff;height:100%;overflow: auto;}
13 
			.mui-table-view:before,.mui-table-view:after{background:#E6E6E6;}
14 
			.coutopicbox{border-bottom:none;margin:0;padding:0;}
15 
			.demandBtn .frmactive2{color:#FF0000}
16 
			.demandBtn .frmactive2.mui-btn:enabled:active{color:#FF0000}
17 
		</style>
18 
	</head>
19
20 
	<body>
21 
		<header class="mui-bar mui-bar-nav toptitbox">
22 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
23 
		    <h1 class="mui-title toptit">我的需求</h1>
24 
		</header>
25 
		<div class="mui-content">
26 
			<div class="conBody">
27 
				<div class="contentInner demandBasic">
28 
					<h3>XXXXXXXXXXXXXX(需求主题)</h3>
29 
					<h5 class="coutopicbox">
30 
						发布时间：<span>2月13日</span>
31 
						<em class="aimlabel">个人需求</em>
32 
						<em class="aimlabel">技术咨询</em>
33 
						<em class="status-1">发布中</em>
34 
						<!--<em class="status-5">已关闭</em>-->
35 
					</h5>
36 
				</div>
37 
				<ul class="mui-table-view mui-table-view-chevron" id="proInfor">
38 
					<li class="contentInner mui-table-view-cell mui-media" style="padding:8px 20px 8px 10px;">
39 
						<a class="proinfor">
40 
							<div><img id="proHead" class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg"></div>
41 
							<div class="mui-media-body">
42 
								<span class="listtit" ><span id="proName"></span><em class="mui-icon iconfont icon-vip authicon-cu"> </em></span>
43 
								<div class="listtit2"><span id="proTitle"></span><span id="proOffice"></span><span id="proOrg"></span><span id="proAddress"></span></div>
44 
								<div class="mui-ellipsis listtit3" id="proRlist"></div>
45 
								<div class="mui-ellipsis listtit3" id="proZlist"></div>
46 
							</div>
47 
						</a>
48 
					</li>
49 
				</ul>
50 
				<div class="demandCon contentInner">
51 
				Lorem ipsum dolor sit amet, consectetur adipiscing elit.
52 
				 Aenean euismod bibendum laoreet. Proin gravida dolor sit
53 
				 amet lacus accumsan et viverra justo commodo. Proin sodales
54 
				  pulvinar tempor. Cum sociis natoque penatibus et magnis dis
55 
				   parturient montes, nascetur ridiculus mus. Nam fermentum,
56 
				   nulla luctus pharetra vulputate, felis tellus mollis orci,
57 
				   sed rhoncus sapien nunc eget odio. montes, nascetur ridiculus mus.
58 
				   Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci,
59 
				   sed rhoncus sapien nunc eget odio. （需求内容）
60
61 
				</div>
62 
				<div class="contentInner demandBtn">
63 
					<button class="mui-btn mui-btn-block frmbtn frmactive2">关闭该需求</button>
64 
				</div>
65 
			</div>
66 
		</div>
67 
		<script src="../js/public/mui.min.js"></script>
68 
		<script src="../js/public/base.js"></script>
69 
	</body>
70
71 
</html>