Accueil Explorer Aide
S'inscrire Connexion
bulomakaka
/
ekexiu.app
Suivre 2
Voter 1
Fork 0
Code Tickets 0 Pull Requests 0 Commits 16 Publications 0 Wiki
Parcourir la Source

资源信息浏览

luyanan 8 ans auparavant
Parent
3472b61993
commit
c376232150
2 fichiers modifiés avec 112 ajouts et 9 suppressions
Vue séparée Afficher les stats Diff
  1. 10 9
      app/css/app.css
  2. 102 0
      app/html/resinforbrow.html

+ 10 - 9
app/css/app.css
Voir le fichier 

@ -175,7 +175,7 @@ body{ color: #666666; font-size:14px;}
175 175
176 176 
.resinfo li{padding:6px 8px;}
177 177 
.resinfo li .mui-media-body{ border-bottom:1px solid #F0F0F0; padding-bottom:4px; margin-bottom: 6px;}
178 
.resinfo li .mui-media-body .resbrief{ max-height: 48px; overflow: hidden;}
178 
.resinfo li .mui-media-body .resbrief{ max-height: 46px; overflow: hidden;}
179 179 
.resinfo li:last-child .mui-media-body{ border-bottom:none;padding-bottom:0px; margin-bottom:0px;}
180 180
181 181 
.listbox{ margin:5px 0;max-width:100%; overflow:hidden;}

@ -360,15 +360,16 @@ body{ color: #666666; font-size:14px;}
360 360
361 361 
/*********************** 资源信息浏览*******************/
362 362 
.resoubox{ overflow: hidden;}
363 
.resouimgbox{ width: 30%;}
363 
.resoubox table{ width:100%;}
364 
.resouimgbox{ width: 160px; float:right; margin:10px 2px 4px 16px;}
364 365 
.resouimgbox img{ width: 100%;}
365 
.resouinfobox{ padding:0;margin: 0; margin-left: 6px;}
366 
.resouinfobox li{ list-style: none; margin: 4px;}
367
366 
.resouinfoword{ clear:left; margin-top:10px}
367 
.resouinfobox{ padding:0;margin: 0;}
368 
.resouinfobox li{ list-style: none; margin: 6px 4px; font-size: 14px; line-height: 20px; word-break: break-all;}
369 
.resouinfobox li label{ font-size: 14px; color: #333333;}
370 
/*.resouinfobox li div{ padding-left:4px;}*/
368 371 
.remarkbox li{padding-left:6px;}
369 372
370 
.activity{ width: 100%; margin:auto;}
371 
.activity_img{ float:left; margin:10px 16px 10px 0;}
372 
.activity_word{ clear:right; margin-top:10px; line-height:26px;}
373 
.activity_word p{ font-size:14px; text-indent:2em; text-align:justify; text-justify:inter-ideograph; }
373
374
374 375 
/*********************** 资源信息浏览*******************/

+ 102 - 0
app/html/resinforbrow.html
Voir le fichier 

@ -0,0 +1,102 @@
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/app.css" rel="stylesheet" />
9 
		<style>
10 
			body{background: #FFFFFF;}
11 
			.mui-content{ background: #FFFFFF;}
12 
		</style>
13 
	</head>
14
15 
	<body>
16 
		<header class="mui-bar mui-bar-nav toptitbox">
17 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
18 
		    <h1 class="mui-title toptit">资源名称</h1>
19 
		    <a class="mui-icon mui-icon-more mui-pull-right topmore"></a>
20 
		</header>
21
22 
		<!--主页面底部菜单-->
23 
	    <nav class="mui-bar mui-bar-tab mui-clearfix footbox">
24 
		    <div class="dialogbtn mui-pull-left btnactive">
25 
		    	<div>
26 
			    	<em class="mui-pull-left"></em>
27 
					<span class="mui-pull-left">咨询</span>
28 
				</div>
29 
			</div>
30 
			<div class="attentbtn mui-pull-left">
31 
				<em></em>
32 
			</div>
33 
		</nav>
34 
		<!-- 主页面内容容器 -->
35 
    	<div class="mui-content">
36 
    		<!-- 主界面具体展示内容 -->
37 
    		<div class="mui-input-group marginbox resoubox">
38 
    			<table>
39 
	            	<tr>
40 
	                	<td>
41 
	                		<div class="resouimgbox">
42 
								<img src="../images/default-resource.jpg"/>
43 
							</div>
44 
	                        <div class="resouinfoword">
45 
	                        	<ul class="resouinfobox">
46 
									<li>
47 
										<label>资源名称</label>
48 
										<div class="listtit2">XXXXX资源名称XX</div>
49 
									</li>
50 
									<li>
51 
										<label>应用用途</label>
52 
										<div class="listtit2">应用用途XXXXXXXXX</div>
53 
									</li>
54 
									<li>
55 
										<label>学术领域</label>
56 
										<div class="listtit2">学术领域XXXXXXXXXXXXXXXX</div>
57 
									</li>
58 
									<li>
59 
										<label>应用行业</label>
60 
										<div class="listtit2">应用行业XXXXXXXXXXXXXXXXXXXXXXXXX</div>
61 
									</li>
62 
								</ul>
63 
	                         </div>
64 
	                     </td>
65 
	                 </tr>
66 
	           </table>
67 
		    </div>
68 
			<ul class="mui-table-view protable" style="background-color: #F0F0F0;">
69 
	            <li class="mui-table-view-cell mui-media">
70 
	                <a class="proinfor" href="proinforbrow.html">
71 
	                    <img class="mui-media-object mui-pull-left headimg" style="width: 40px; height: 40px;" src="../images/default-photo.jpg">
72 
	                    <div class="mui-media-body">
73 
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>
74 
	                        <p class="listtit2"><span>职称</span>，<span>职务</span>，<span>所属机构</span> | <span>所在地</span></p>
75 
	                    </div>
76 
	                </a>
77 
	            </li>
78 
	        </ul>
79 
			<ul class="mui-input-group marginbox remarkbox">
80 
				<li>
81 
			       <div class="infocontit">详细描述</div>
82 
			       <div class="infocon">
83 
			       		<p class="listtit3 mutlinebox">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
84 
			       </div>
85 
				</li>
86 
				<li>
87 
			       <div class="infocontit">合作备注</div>
88 
			       <div class="infocon">
89 
			       		<p class="listtit3 mutlinebox"> Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
90 
			       </div>
91 
			    </li>
92 
			</ul>
93 
        </div>
94
95
96 
		<script src=" ../js/public/mui.min.js"></script>
97 
		<script type="text/javascript">
98 
			mui.init()
99 
		</script>
100 
	</body>
101
102 
</html>