Browse Source

专利及论文样式及留言

jack 7 years ago
parent
commit
4c426c6d0d
2 changed files with 94 additions and 9 deletions
  1. 35 4
      app/html/paperShow.html
  2. 59 5
      app/html/patentShow.html

+ 35 - 4
app/html/paperShow.html

87
				        
87
				        
88
				    </ul>
88
				    </ul>
89
				</div>
89
				</div>
90
		    </div>
91
		    <!--留言-->
92
					<div class="madiaBlock" style="padding-bottom:50px;">
90
				<div class="madiaBlock " id="patentModule">
91
						<div class="madiaTit">相关专利</div>
92
						<ul class="mui-table-view" id="patentList">
93
					       <li class="mui-table-view-cell">
94
						       	<div class="flexCenter OflexCenter mui-clearfix">
95
									<div class="madiaHead patentHead"></div>
96
									<div class="madiaInfo OmadiaInfo">
97
										<p class="mui-ellipsis h1Font">CdS/CdSSe轴向异质结纳米线的非对称光波导及双波长激射</p>
98
										<p class="mui-ellipsis h2Font">作者:李丹,梁君武,刘华伟,张学红,万强,张清林,潘安练</p>
99
									</div>
100
								</div>
101
					       </li>
102
					    </ul>
103
				</div>
104
				<div class="thumbBlock">
105
						<span class="thumbBtn">赞 <span id="snum"></span></span><!-- thumbedBtn 已赞 201-->
106
				</div>
107
				<div class="madiaBlock " id="paperModule">
108
						<div class="madiaTit">您可能感兴趣的论文</div>
109
						<ul class="mui-table-view" id="paperList">
110
							<li class="mui-table-view-cell">
111
						       	<div class="flexCenter OflexCenter mui-clearfix">
112
									<div class="madiaHead paperHead"></div>
113
									<div class="madiaInfo OmadiaInfo">
114
										<p class="mui-ellipsis h1Font">CdS/CdSSe轴向异质结纳米线的非对称光波导及双波长激射</p>
115
										<p class="mui-ellipsis h2Font">作者:李丹,梁君武,刘华伟,张学红,万强,张清林,潘安练</p>
116
									</div> 
117
								</div>
118
					      </li>
119
					    </ul>
120
				</div>
121
				<div class="madiaBlock" style="padding-bottom:50px;">
93
						<div class="madiaTit" id="olisten">留言</div>
122
						<div class="madiaTit" id="olisten">留言</div>
94
						<ul class="mui-table-view commentBlock noactiveTab">
123
						<ul class="mui-table-view commentBlock noactiveTab">
95
					     
124
					     
96
					   </ul>
125
					   </ul>
97
					</div>
126
				</div>
127
		    </div>
128
		    
98
		</div>
129
		</div>
99
		
130
		
100
		<div class="shareBlock" id="shareBlock">
131
		<div class="shareBlock" id="shareBlock">

+ 59 - 5
app/html/patentShow.html

23
			<a class="mui-icon iconfont icon-moreandroid mui-pull-right button topmore" id="BtnMore"></a>
23
			<a class="mui-icon iconfont icon-moreandroid mui-pull-right button topmore" id="BtnMore"></a>
24
		</header>
24
		</header>
25
		<nav class="mui-bar mui-bar-tab footbox">
25
		<nav class="mui-bar mui-bar-tab footbox">
26
			<div class="mui-row artfoot">
27
				<div class="mui-col-xs-9">
28
					<div class="consultdiv notopen">更多功能即将开放</div>
26
			<div class="mui-row artfoot displayNone" id="textInput">
27
				<div class="mui-col-xs-12">
28
					<textarea name="" placeholder="说点什么吧…" id="textInputThis"></textarea>
29
					<button class="mui-btn" disabled>发表</button>
30
				</div>
31
			</div>
32
			<div class="mui-row artfoot" id="operCol">
33
				<div class="mui-col-xs-8">
34
					<div class="inputShow"><span>说点什么吧…</span></div>
35
				</div>
36
				<div class="mui-col-xs-1" id="listenClick">
37
					<span class="mui-icon iconfontnew icon-liuyan"><em class="mui-badge"></em></span>
29
				</div>
38
				</div>
30
				<div class="mui-col-xs-2" id="collectBtn">
39
				<div class="mui-col-xs-2" id="collectBtn">
31
					<span class="mui-icon iconfontnew icon-shoucang" id="ifCollect"></span><!--已收藏 icon-yishoucang-->
40
					<span class="mui-icon iconfontnew icon-shoucang" id="ifCollect"></span><!--已收藏 icon-yishoucang-->
85
				        
94
				        
86
				    </ul>
95
				    </ul>
87
				</div>
96
				</div>
97
				<div class="madiaBlock " id="paperModule">
98
						<div class="madiaTit">相关论文</div>
99
						<ul class="mui-table-view" id="paperList">
100
					       <li class="mui-table-view-cell">
101
						       	<div class="flexCenter OflexCenter mui-clearfix">
102
									<div class="madiaHead paperHead"></div>
103
									<div class="madiaInfo OmadiaInfo">
104
										<p class="mui-ellipsis h1Font">CdS/CdSSe轴向异质结纳米线的非对称光波导及双波长激射</p>
105
										<p class="mui-ellipsis h2Font">作者:李丹,梁君武,刘华伟,张学红,万强,张清林,潘安练</p>
106
									</div> 
107
								</div>
108
					      </li>
109
					    </ul>
110
				</div>
111
				<div class="thumbBlock">
112
						<span class="thumbBtn">赞 <span id="snum"></span></span><!-- thumbedBtn 已赞 201-->
113
				</div>
114
				<div class="madiaBlock " id="patentModule">
115
						<div class="madiaTit">您可能感兴趣的专利</div>
116
						<ul class="mui-table-view" id="patentList">
117
							<li class="mui-table-view-cell">
118
						       	<div class="flexCenter OflexCenter mui-clearfix">
119
									<div class="madiaHead patentHead"></div>
120
									<div class="madiaInfo OmadiaInfo">
121
										<p class="mui-ellipsis h1Font">CdS/CdSSe轴向异质结纳米线的非对称光波导及双波长激射</p>
122
										<p class="mui-ellipsis h2Font">作者:李丹,梁君武,刘华伟,张学红,万强,张清林,潘安练</p>
123
									</div>
124
								</div>
125
					      </li>
126
					    </ul>
127
				</div>
128
				<div class="madiaBlock" style="padding-bottom:50px;">
129
						<div class="madiaTit" id="olisten">留言</div>
130
						<ul class="mui-table-view commentBlock noactiveTab">
131
					     
132
					   </ul>
133
				</div>
88
		    </div>
134
		    </div>
89
		</div>
135
		</div>
90
		
136
		
110
		<script src="../js/public/mui.zoom.js" type="text/javascript" charset="utf-8"></script>
156
		<script src="../js/public/mui.zoom.js" type="text/javascript" charset="utf-8"></script>
111
		<script src="../js/public/mui.previewimage.js" type="text/javascript" charset="utf-8"></script>
157
		<script src="../js/public/mui.previewimage.js" type="text/javascript" charset="utf-8"></script>
112
		<script src="../js/public/base.js"></script>
158
		<script src="../js/public/base.js"></script>
159
		<script src="../js/public/jquery-1.11.1.js"></script>
113
		<script src="../js/patentShow.js"></script>
160
		<script src="../js/patentShow.js"></script>
114
		<script type="text/javascript"> 
161
		<script type="text/javascript"> 
162
			document.getElementById("listenClick").addEventListener("tap",function(){
163
				$(".mui-content").animate({"scrollTop": document.getElementById("olisten").offsetTop-20+"px"}, 400); 
164
			})
115
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
165
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
116
		    iosheader();
166
		    iosheader();
167
		    mui("body").on("tap",".mui-content",function(){
168
		    	document.getElementById("textInput").style.display="none";
169
		    	document.getElementById("operCol").style.display="block";
170
		    })
117
		    
171
		    
118
		   // var BtnMore=document.getElementById("BtnMore");
172
		    //var BtnMore=document.getElementById("BtnMore");
119
		    var shareOut=document.getElementById("shareOut");
173
		    var shareOut=document.getElementById("shareOut");
120
		    var cancelShare=document.getElementById("cancelShare");
174
		    var cancelShare=document.getElementById("cancelShare");
121
		    var maskBlack=document.getElementById("maskBlack");
175
		    var maskBlack=document.getElementById("maskBlack");
122
		    var shareBlock=document.getElementById("shareBlock");
176
		    var shareBlock=document.getElementById("shareBlock");
123
		    
177
		    
124
		    
178
		    
125
		    /*BtnMore.addEventListener("tap",function(){
179
		   /* BtnMore.addEventListener("tap",function(){
126
		    	maskBlack.style.display="block";
180
		    	maskBlack.style.display="block";
127
		    	shareBlock.style.display="block";
181
		    	shareBlock.style.display="block";
128
		    })*/
182
		    })*/