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

增加研究方向详细信息页面

luyanan 8 years ago
parent
b068b66896
commit
c68eb450bf
2 changed files with 66 additions and 3 deletions
Unified View Show Diff Stats
  1. 9 3
      app/css/app.css
  2. 57 0
      app/html/researchArea.html

+ 9 - 3
app/css/app.css
View File

360 
.lefthead{ margin-right: 10px; text-align:center;}
360 
.lefthead{ margin-right: 10px; text-align:center;}
361 
.contit{ position:relative;}
361 
.contit{ position:relative;}
362 
.contit .listtit{ display: block; width: 62%; }
362 
.contit .listtit{ display: block; width: 62%; }
363 
.conbrief{ max-height: 46px; overflow: hidden;}
363 
.conbrief{overflow: hidden;}
364 
.conresoult{ position: absolute; right:0;top:50%; margin-top:-12px; width:38%; height:18px;text-align: right;}
364 
.conresoult{ position: absolute; right:0;top:50%; margin-top:-12px; width:38%; height:18px;text-align: right;}
365 
.conresoult .levelbox .mui-icon{font-size: 12px;}
365 
.conresoult .levelbox .mui-icon{font-size: 12px;}
366 
/*邀请新用户*/
366 
/*邀请新用户*/
544 
.resouinfoword{ padding:6px 0; background: #FFFFFF;}
544 
.resouinfoword{ padding:6px 0; background: #FFFFFF;}
545 
.resouinfobox{ padding:0;margin: 0;}
545 
.resouinfobox{ padding:0;margin: 0;}
546 
.resouinfobox>li{ list-style: none; margin:10px 4px; padding-left: 10px; font-size: 14px; line-height: 20px; word-break: break-all;}
546 
.resouinfobox>li{ list-style: none; margin:10px 4px; padding-left: 10px; font-size: 14px; line-height: 20px; word-break: break-all;}
547
547 
/*研究方向详细展示*/
548 
.researchAreaBox .headimg{width: 40px;height: 40px;max-height: 40px;}
549 
.researchAreaBox .mui-table-view .mui-table-view-cell.mui-active{background: none;}
550 
.researchAreaBox .mui-table-view-cell:after{left:62px;}
551 
.researchAreaBox .littip{font-size:13px;margin: 2% 0 1% 2%;}
552 
.researchAreaBox .mui-media-body{padding-top:5px;}
553 
.researchAreaBox .researchArea{padding:20px 10px;background: #FFFFFF;}
548 
/*********************** 资源信息浏览*******************/
554 
/*********************** 资源信息浏览*******************/
549
555
550 
/***********************评价*******************/
556 
/***********************评价*******************/
559
565
560 
/***********************缺省页面*******************/
566 
/***********************缺省页面*******************/
561 
.nodatabox{width:100%;height: 100%; margin:50px auto;text-align: center;}
567 
.nodatabox{width:100%;height: 100%; margin:50px auto;text-align: center;}
562 
.nodatabox .picbox{width: 40%;margin:20% auto 20px;}
568 
.nodatabox .picbox{margin:20% auto 30px;}
563 
.nodatabox .picbox .defpic{display:block;margin:auto;width:160px; height: 160px;background: url(../images/nodata.png) -6px 0 no-repeat;}
569 
.nodatabox .picbox .defpic{display:block;margin:auto;width:160px; height: 160px;background: url(../images/nodata.png) -6px 0 no-repeat;}
564 
.nodatabox .picbox .defpic.consult-pic{background-position: -232px -1320px;}/*咨询页面未登录*/
570 
.nodatabox .picbox .defpic.consult-pic{background-position: -232px -1320px;}/*咨询页面未登录*/
565
571

+ 57 - 0
app/html/researchArea.html
View File

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
12 
</style>
13 
</head>
14 
<body>
15 
<header class="mui-bar mui-bar-nav toptitbox">
16 
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
17 
	<h1 class="mui-title toptit">研究方向</h1>
18 
</header>
19 
<div class="mui-content researchAreaBox">
20 
	<div class="researchArea">研究方向文字很长，之前页面显示不下，在这里就能显示完整，全部都显示出来</div>
21 
	<p class="littip">以下用户认可了他的研究</p>
22 
	<ul class="mui-table-view protable">
23 
        <li class="mui-table-view-cell mui-media">
24 
            <div class="proinfor">
25 
                <img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
26 
                <div class="mui-media-body">
27 
                    <div><span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon-cu"></em></span></div>
28 
                	<p class="listtit2"><span>职称</span><span>，职位</span><span>，所在机构</span><span> | 所在城市</span></p>
29 
                </div>
30 
            </div>
31 
        </li>
32 
        <li class="mui-table-view-cell mui-media">
33 
            <div class="proinfor">
34 
                <img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
35 
                <div class="mui-media-body">
36 
                    <div><span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon-cu"></em></span></div>
37 
                	<p class="listtit2"><span>职称</span><span>，职位</span><span>，所在机构</span><span> | 所在城市</span></p>
38 
                </div>
39 
            </div>
40 
        </li>
41 
        <li class="mui-table-view-cell mui-media">
42 
            <div class="proinfor">
43 
                <img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
44 
                <div class="mui-media-body">
45 
                    <div><span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon-cu"></em></span></div>
46 
                	<p class="listtit2"><span>职称</span><span>，职位</span><span>，所在机构</span><span> | 所在城市</span></p>
47 
                </div>
48 
            </div>
49 
        </li>
50
51
52 
    </ul>
53 
</div>
54 
<script src="../js/public/mui.min.js"></script>
55 
<script src="../js/public/base.js"></script>
56 
</body>
57 
</html>