Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 795 Releases 0 Wiki
Browse Source

发布需求

happy 7 years ago
parent
ecfb7dfc45
commit
54d4bccf28
2 changed files with 218 additions and 0 deletions
Split View Show Diff Stats
  1. 25 0
      css/postDemand.css
  2. 193 0
      postDemand.html

+ 25 - 0
css/postDemand.css
View File 

@ -0,0 +1,25 @@
1 
 @charset "utf-8";
2 
/* CSS Document */
3 
body{background: #F2F2F2;}
4 
input{ outline:none;}
5
6
7 
.banContent{position: relative;}
8 
.demandTit{font-size: 16px;line-height: 40px;color: #666666;margin-top: 18px;}
9 
.banContent>button{margin-top: 18px; outline:none;font-size: 14px;padding:2px 12px;}
10 
.postUl>.postChildE{padding-top: 40px;}
11 
.postUl .frmcontype{width: 98%;color:#aaaaaa;}
12 
.postCenter>button{width: 200px; outline:none;}
13 
.boxHid{box-shadow:1px 1px 10px 1px #ccc;z-index:30;display:none;position: absolute;right: -310px;top:18px;background: white;}
14 
.postChild{text-align: right;}
15 
.postChild>.demandTit{text-align: left;margin-left: 10px;}
16 
.postCenter{text-align:center;font-size: 16px;margin:50px auto 20px;}
17 
.postUl>li>span{width: 0;height: 0;border: 6px solid transparent;border-top: 6px solid #AAAAAA;position: absolute;right:19px;top: 75px;}
18 
.postColor{width: 100%;height: 40px;padding:0 20px;background: orange;line-height: 40px;font-size: 16px;color: while;}
19 
.postUl>li{position: relative;}
20 
.postColor>.closeFeed{background:url(../images/bottom_button_guanbi_nor.png) no-repeat center center;display: block;width: 16px;height:16px;margin-top: 10px;}
21 
.postColor>.floatL{color: #fff;}
22 
.postUss{padding:10px 20px;}
23 
.postUl>li>.spanR{right: 12px;}
24
25

+ 193 - 0
postDemand.html
View File 

@ -0,0 +1,193 @@
1 
<!DOCTYPE html>
2 
<html>
3
4 
	<head>
5 
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6 
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7 
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
8 
		<title>科袖网</title>
9 
		<link href="css/bootstrap.min.css" rel="stylesheet">
10 
		<link type="text/css" href="css/postDemand.css" rel="stylesheet">
11 
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
12 
		<link type="text/css" href="css/common.css" rel="stylesheet">
13 
		<link type="text/css" href="css/genindex.css" rel="stylesheet">
14 
		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
15 
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
16 
	</head>
17
18 
	<body>
19 
		<!--header-->
20 
		<header id="header">
21 
			<script src="js/header.js"></script>
22 
		</header>
23 
		<!--header end-->
24 
		<!--main-->
25 
		<div id="container">
26 
			<div class="containerCon">
27 
				<div class="contentCon clearfix conBlock">
28 
					<div class="leftconBox floatL h3Font">
29 
						<div class="banTheme clearfix postUl">
30 
							<p class="floatL demandTit" style="margin-top: 0;">需求主题<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">50字以内</span></p>
31 
							<input type="text" class="frmcontype" placeholder="请用一句话概括你的需求" />
32 
						</div>
33 
						<div class="clearfix postUl">
34 
							<div class="banContent clearfix">
35 
								<p class="floatL demandTit">需求内容<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">1000字以内</span></p>
36 
								<button class="btnModel floatR howbtn">如何填写？</button>
37 
								<div class="boxHid rightconBox">
38 
									<div class="postColor clearfix">
39 
										<span class="floatL">纠错反馈</span>
40 
										<span class="floatR spanBack closeFeed"></span>
41 
									</div>
42 
									<ul class="postUss">
43 
										<li>1. 对您的企业进行简介，例如企业类型、所属行业、专注领研发产品等等；</li>
44 
										<li>2. 明确描述企业在做什么项目或研发什么产品时，遇到了什么问题； </li>
45 
										<li>3. 明确说明需要专家解决什么问题、提供什么资源或服务、达成什么效果；</li>
46 
										<li>4. 提出对专家的相关要求，例如需要专家有什么经验等等。</li>
47 
									</ul>
48 
								</div>
49 
							</div>
50 
							<div class="msgContbox">
51 
								<textarea class="msgCont" placeholder="请明确描述您的需求" id="remarkContent"></textarea>
52 
								<span class="msgconNum"><em>0</em>/1000</span>
53 
							</div>
54 
						</div>
55 
						<ul class="clearfix postUl">
56 
							<p class="demandTit">所在城市<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
57 
							<form action="" name="form1">
58 
								<div class="col-w-6 citybox2">
59 
									<span class="frmcontype" id="Province">
60 
				                                        	<em class="mr_sj"></em>
61 
				                                            <i class="mr_show" id="oprovince">请选择省/直辖市</i>
62 
				                                            <ul>
63 
				                                                <li><a href="javascript:void(0)" alt="请选择省/直辖市">请选择省/直辖市</a></li>
64 
				                                            </ul>
65 
				                                            <input type="hidden" name="cho_Province" value="请选择省/直辖市">
66 
				                                        </span>
67 
								</div>
68 
								<div class="col-w-6 citybox2">
69 
									<span class="frmcontype floatR" id="City">
70 
				                                       		<em class="mr_sj"></em>
71 
				                                            <i class="mr_show" id="ocity">请选择城市</i>
72 
				                                            <ul>
73 
				                                                <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
74 
				                                            </ul>
75 
				                                            <input type="hidden" name="cho_City" value="请选择城市 ">
76 
				                                        </span>
77 
								</div>
78 
							</form>
79 
						</ul>
80 
						<ul class="clearfix postUl">
81 
							<li class="floatL col-w-6">
82 
								<p class="demandTit">费用预算<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
83 
								<select class="frmcontype">
84 
									<option value="请选择预算范围">请选择预算范围</option>
85 
									<option value="一万元以内">一万元以内</option>
86 
									<option value="1-5万元">1-5万元</option>
87 
									<option value="5-10万元">5-10万元</option>
88 
									<option value="10-20万元">10-20万元</option>
89 
									<option value="20-50万元">20-50万元</option>
90 
									<option value="50万元以上">50万元以上</option>
91 
								</select>
92 
								<span></span>
93 
							</li>
94 
							<li class="floatR col-w-6 postChild">
95 
								<p class="demandTit">预期时长<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
96 
								<select class="frmcontype">
97 
									<option value="请选择预期时长">请选择预期时长</option>
98 
									<option value="1个月内">1个月内</option>
99 
									<option value="1-3个月">1-3个月</option>
100 
									<option value="3-6个月">3-6个月</option>
101 
									<option value="6-12个月">6-12个月</option>
102 
									<option value="6-">一年以上</option>
103 
								</select>
104 
								<span class="spanR"></span>
105 
							</li>
106 
						</ul>
107 
						<ul class="clearfix postUl">
108 
							<li class="floatL col-w-6">
109 
								<p class="demandTit">需求有效期<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
110 
								<select class="frmcontype">
111 
									<option value="请选择截止日期">请选择截止日期</option>
112 
								</select>
113 
								<span></span>
114 
							</li>
115 
							<li class="floatR col-w-6 postChild">
116 
								<p class="demandTit">联系电话<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填，50字以内</span></p>
117 
								<input type="text" placeholder="请填写您的联系电话，以便客服与您联系" class="frmcontype" />
118 
							</li>
119 
						</ul>
120
121 
						<div class="postCenter"><button class="btnModel posted">发布</button></div>
122 
					</div>
123 
					<div class="rightconBox floatR">
124 
						<div class="conItem conItemG alignCenter" id="enterprise" style="border:none;">
125 
							<a href="" class="qiyego">
126 
								<div class="madiaHead cmpHead" id="Qimg">
127 
									<div class="boxBlock">
128 
										<img class="boxBlockimg" src="images/banner/banner01.jpg" id="companyImg">
129 
									</div>
130 
								</div>
131 
							</a>
132 
							<div class="proInfo">
133 
								<div class="h3Font clearfix">
134 
									<a class="h1Font qiyego" id="Qname">
135
136 
										北京赛亿科技股份有限公司
137 
									</a>
138 
									<span class="authiconNew authicon-com-ok" title="科袖认证企业" id="QauthFlag"></span>
139 
								</div>
140 
							</div>
141 
							<div class="goSpan">
142 
								<span class="attenSpan">关注</span>
143 
							</div>
144 
							<div class="form-item otherBlock currentBlock">
145 
								<div class="aboutTit">联系人</div>
146 
								<div class="form-result addexpertRe" style="margin-top:0">
147 
									<ul class="addexpert" id="expertli">
148 
										<li class="flexCenter">
149 
											<div class="madiaHead useHead">
150
151 
											</div>
152 
											<div class="madiaInfo" style="padding-right:0 ;">
153 
												<p class="ellipsisSty">
154 
													<span class="h1Font">赵韵凯</span>
155 
													<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
156 
												</p>
157 
												<p class="h2Font ellipsisSty">经理经理经理经理经理经理经理经理</p>
158 
											</div>
159 
										</li>
160 
									</ul>
161 
								</div>
162 
							</div>
163 
						</div>
164
165 
					</div>
166 
				</div>
167 
			</div>
168 
		</div>
169 
		<!--mian end-->
170 
		<!--footer-->
171 
		<footer>
172 
			<script type="text/javascript" src="js/footer.js"></script>
173 
		</footer>
174 
		<!--end footer-->
175 
		<!--<div class="footer_tools">
176 
			<a id="scrollUp" href="javascript:;" title="返回顶部"></a>
177 
		</div>-->
178 
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
179 
		<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
180 
		<script type="text/javascript" src="js/jquery.page.js"></script>
181 
		<script src="js/city.min.js" type="text/javascript" charset="utf-8"></script>
182 
		<script type="text/javascript" src="js/common.js"></script>
183 
	</body>
184 
	<script>
185 
		$(".howbtn").on("click", function() {
186 
			$('.boxHid').toggle();
187 
		})
188 
		$("span.spanBack").on("click", function() {
189 
			$('.boxHid').hide();
190 
		})
191 
	</script>
192
193 
</html>