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

1

jack 7 years ago
parent
df593361ea
commit
0d572f7252
1 changed files with 232 additions and 0 deletions
Split View Show Diff Stats
  1. 232 0
      article.html

+ 232 - 0
article.html
View File 

@ -0,0 +1,232 @@
1 
 <!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>浏览文章-科袖网</title>
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 
<script type="text/javascript">
13 
	window.staticPageData =${jsonData};
14 
</script>
15 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
16 
<!--${data.articleTitle}    ${data.articleId}-->
17 
</head>
18
19 
<body>
20 
<header id="header">
21 
	<script src="js/header.js"></script>
22 
</header>
23 
<div id="container">
24 
	<div class="containerCon">
25 
		<div class="contentCon clearfix conBlock">
26 
			<div class="leftconBox floatL">
27 
				<div class="showDetail">
28 
					<div class="offmsg">
29 
						<div class="h1Font" id="articleTitle">${data.articleTitle}</div>
30 
						<div class="h2Font"><span id="publishTime"></span> <span class="readNum" id="pageViews"></span></div>
31 
						<div class="showBigOpen" id="articleImg"></div>
32 
						<!--文章内容区-->
33 
						<div class="showMain" id="articleContent"></div>
34 
						<!--标签模块-->
35 
						<ul class="tagList" id="tagList">
36
37 
						</ul>
38 
						<!--相关专家-->
39 
						<div class="form-item otherShow otherShowFirst displayNone">
40 
							<div class="aboutTit">相关专家</div>
41 
							<div class="form-result">
42 
								<ul id="relevantExperts">
43
44 
								</ul>
45 
							</div>
46 
						</div>
47 
						<!--相关资源-->
48 
						<div class="form-item otherShow displayNone">
49 
							<div class="aboutTit">相关资源</div>
50 
							<div class="form-result aboutRes">
51 
								<ul id="resources">
52
53 
								</ul>
54 
							</div>
55 
						</div>
56 
						<div class="form-item otherShow displayNone">
57 
							<div class="aboutTit">相关企业</div>
58 
							<div class="form-result aboutRes">
59 
								<ul id="busList">
60
61 
								</ul>
62 
							</div>
63 
						</div>
64 
						<!--点赞模块-->
65 
						<div class="thumbBlock">
66 
							<span class="thumbBtn thunbgo">赞</span>
67 
						</div>
68 
						<!--分享操作栏-->
69 
						<div class="shareBlock clearfix">
70 
							<div class="form-item shareInfo floatL">
71 
								<a href="" class="useurl" >
72 
									<div class="madiaHead useHead userimg"></div>
73 
									<div class="madiaInfo">
74 
										<span class="h1Font ellipsisSty username"></span>
75 
										<em class="authiconNew labels" id="" title="科袖认证专家"></em>
76 
									</div>
77 
								</a>
78 
							</div>
79 
							<ul class="shareWays floatR">
80 
								<li class="wordHave"><em class="operateicon icon-message"></em><span class="message"></span></li>
81 
								<li id="attention"><em class="operateicon icon-collect"></em></li>
82 
								<li>
83 
									<em class="operateicon icon-wechat shareWeixin">
84 
										<div class="shareCode clearfix">
85 
											<div class="floatL" id="qrcode"></div>
86 
											<div class="shareWord floatR">
87 
												<p>打开微信“扫一扫”，<br/>打开网页后点击屏幕右上角“分享”按钮</p>
88 
											</div>
89 
										</div>
90 
									</em>
91 
								</li>
92 
								<li><a href id="weibo" target="_blank"><em class="operateicon icon-sina"></em></a></li>
93 
								<!--<li><em class="operateicon icon-qq"></em></li>-->
94 
								<!--<li><em class="operateicon icon-totop upTop"></em></li>-->
95 
							</ul>
96 
						</div>
97 
						<div class="share-bottom"></div>
98 
					</div>
99 
					<div class="form-item commentsArea advertItem" id="advertisement">
100 
						<script src="js/adverts/ad_article_bottom.js"></script>
101 
					</div>
102 
					<div class="ifLogin" id="messagego">
103 
					    <!--未登录-->
104 
					    <div class="ifLoginUn displayNone">
105 
					    	<span class="floaL">大牛，别默默的看了，快登录给我留言吧！</span>
106 
					    	<ul class="floatR">
107 
					    		<li><a href="register.html">注册</a></li>
108 
					    		<li><a>|</a></li>
109 
					    		<li class="loginGo"><a>登录</a></li>
110 
					    	</ul>
111 
					    </div>
112 
					    <!--登录可留言-->
113 
					    <form class="ifLoginOn clearfix displayNone">
114 
					    	<div class="msgContbox">
115 
					    		<textarea class="msgCont" placeholder="请输入您的留言内容..."></textarea>
116 
					    		<span class="msgconNum"><em>0</em>/200</span>
117 
					    	</div>
118 
					    	<input type="button" class="frmconbtn btnModel floatR" disabled id="meSendtt" value="留言" />
119 
					    </form>
120 
					</div>
121 
					<div class="form-item commentsArea">
122 
						<ul class="commentList">
123
124 
						</ul>
125 
						<button class="frmconbtn btnCancel displayNone" id="moreArtical">查看更多留言</button>
126 
					</div>
127 
					<!--相关文章-->
128 
					<div class="form-item otherShow displayNone">
129 
						<div class="aboutTit">您可能感兴趣的文章</div>
130 
						<div class="form-result aboutRes pointOk">
131 
							<ul id="abutartical">
132
133 
							</ul>
134 
						</div>
135 
					</div>
136 
				</div>
137 
			</div>
138
139 
			<div class="rightconBox floatR">
140 
				<div class="conItem conItemG alignCenter displayNone" id="expert">
141 
					<a href="" class="hrefgo"><div class="madiaHead useHead" id="Zimg"></div></a>
142 
					<div class="proInfo">
143 
						<div class="h3Font clearfix">
144 
							<a href="" class="h1Font hrefgo" id="Zname"></a>
145 
							<span class="authiconNew" title="科袖认证专家" id="ZauthFlag"></span>
146 
						</div>
147 
						<p class="h2Font" id="Ztitle"></p>
148 
						<p class="h2Font" id="ZorgName"></p>
149 
					</div>
150 
					<div class="goSpan displayNone">
151 
						<span class="attenSpan">关注</span>
152 
					</div>
153 
					<div class="form-item otherBlock currentBlock displayNone">
154 
						<div class="aboutTit">最近文章</div>
155 
						<div class="form-result currentArt">
156 
							<ul class="recentlyList">
157 
							</ul>
158 
						</div>
159 
					</div>
160 
				</div>
161 
				<div class="conItem conItemG alignCenter displayNone" id="enterprise">
162 
					<a href=""  class="qiyego">
163 
						<div class="madiaHead cmpHead" id="Qimg">
164 
							<div class="boxBlock">
165 
								<img class="boxBlockimg" src="" id="companyImg">
166 
							</div>
167 
						</div>
168 
					</a>
169 
					<div class="proInfo">
170 
						<div class="h3Font clearfix">
171 
							<a href=""  class="h1Font qiyego" id="Qname"></a>
172 
							<span class="authiconNew" title="科袖认证企业" id="QauthFlag"></span>
173 
						</div>
174 
						<p class="h2Font ellipsisSty" id="Qindustry"></p>
175 
						<p class="h2Font" id="QorgType"></p>
176 
					</div>
177 
					<div class="goSpan">
178 
						<span class="attenSpan">关注</span>
179 
					</div>
180 
					<div class="form-item otherBlock currentBlock displayNone">
181 
						<div class="aboutTit">最近文章</div>
182 
						<div class="form-result currentArt">
183 
							<ul class="recentlyList">
184 
							</ul>
185 
						</div>
186 
					</div>
187 
				</div>
188 
				<div class="conItem advertBox advertItem" id="advanceRight">
189 
					<script src="js/adverts/ad_article_right.js"></script>
190 
				</div>
191 
			</div>
192 
		</div>
193 
	</div>
194 
</div>
195 
<!--反馈建议-->
196 
<script type="text/javascript" src="js/correctBack.js"></script>
197 
<footer>
198 
	<script type="text/javascript" src="js/footer.js"></script>
199 
</footer>
200
201 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
202 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
203 
<script type="text/javascript" src="js/common.js"></script>
204 
<script type="text/javascript" src="js/scrollfix.js"></script>
205 
<script type="text/javascript" src="js/weixinshare/qrcode.min.js"></script>
206 
<script type="text/javascript" src="js/articalShow2.js"></script>
207 
<script type="text/javascript" src="js/quickLogin.js"></script>
208 
<script type="text/javascript">
209 
	$(function() {
210 
//		$('.upTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); //置顶
211 
		$('.wordHave').click(function(){$('html,body').animate({scrollTop: ($('.offmsg').outerHeight(true)+60)+'px'}, 800);}); //留言
212 
		$('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});//微信分享
213 
		//微信分享
214 
		var qrcode = new QRCode(document.getElementById("qrcode"), {
215 
			width: 100,
216 
			height: 100
217 
		});
218
219 
		function makeCode() {
220 
			var hurl = window.location.host;
221 
			var articleId = GetQueryString("articleId");
222 
			var elurl = "http://" + hurl + "/e/a.html?id=" + articleId;
223 
			qrcode.makeCode(elurl);
224 
		}
225 
		makeCode();
226
227 
	});
228
229
230 
</script>
231 
</body>
232 
</html>