Przeglądaj źródła

在【我】里新增邀请新用户模块

luyanan 8 lat temu
rodzic
commit
b6ed0b93b6

+ 6 - 0
app/css/app.css

@ -237,6 +237,8 @@ ul.boxnav li.set span:before{
237 237
.mui-search .mui-placeholder{ font-size: 14px; top:2px }
238 238

239 239
.maintitbox .maintit{ line-height: 40px; font-size: 16px; text-align: center; color: #FF9900; border-bottom: 1px solid #F0F0F0;}
240
.maintitbox .maintit2{ text-align: left;color:#888888;padding:2px 10px;}
241
.maintitbox .maintit2 span{color: #FF9900;}
240 242
.conblock{ background: #FFFFFF; margin:10px 0;}
241 243
.mui-grid-view.gridbg{ background: #FFFFFF; border: none;}
242 244
.mui-grid-view.gridbg .mui-table-view-cell{ border:none; padding: 10px 4px;}
@ -361,6 +363,10 @@ ul.boxnav li.set span:before{
361 363
.conbrief{ max-height: 46px; overflow: hidden;}
362 364
.conresoult{ position: absolute; right:0;top:50%; margin-top:-12px; width:38%; height:18px;text-align: right;}
363 365
.conresoult .levelbox .mui-icon{font-size: 12px;}
366
/*邀请新用户*/
367
.inviteBox{position:relative;height:200px;background: url(../images/yqbg.jpg) center center no-repeat #f5f5f7;}
368
.inviteBtn{position: absolute;bottom:20px; left:50%;margin-left: -60px;padding:4px 30px;background: #ff9900;color:#FFFFFF;}
369

364 370
/***********************我的账户*******************/
365 371

366 372
/***********************专家信息修改*******************/

+ 1 - 1
app/html/attentions-list2.html

@ -19,7 +19,7 @@
19 19
			    </ul>
20 20
			    <div class="nodatabox" style="display:none; background: #efeff4;margin: 0; " id="nodatabox1">
21 21
			        <div class="nodata">
22
			            <div class="picbox"><span class="defpic" style="background-position:-6px 0"></span></div>
22
			            <div class="picbox"><span class="defpic" style="background-position:-18px 20px"></span></div>
23 23
			            <div class="txtbox">
24 24
			            	<p class="currword">抱歉!您还未关注过任何资源</p>
25 25
			                

+ 59 - 0
app/html/invite_new.html

@ -0,0 +1,59 @@
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
	</head>
11
	
12
	<body>
13
		<header class="mui-bar mui-bar-nav toptitbox">
14
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
15
		    <h1 class="mui-title toptit">邀请新用户</h1>
16
		</header>
17
        <!--登陆状态-->
18
		<div class="mui-content">
19
			<!-- 主界面具体展示内容 -->
20
			<div class="inviteBox">
21
				<button class="mui-btn frmbtn inviteBtn">立即邀请</button>
22
			</div>
23
			<div class="mui-card-content conblock">
24
				<div class="maintitbox" style="padding:10px 4px;">
25
					<div class="maintit maintit2">您已成功邀请 <span>X</span> 位好友加入</div>
26
				</div>
27
				<!--数据列表-->
28
				<ul class="mui-table-view mui-table-view-chevron list">
29
					<li class="mui-table-view-cell mui-media">
30
		                <a class="proinfor">
31
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
32
		                    <div class="mui-media-body">
33
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-renzheng authicon-mana"></em></span>	
34
		                        <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
35
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
36
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
37
		                    </div>
38
		                </a>
39
		            </li>
40
		            <li class="mui-table-view-cell mui-media">
41
		                <a class="proinfor">
42
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
43
		                    <div class="mui-media-body">
44
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-renzheng authicon-mana"></em></span>	
45
		                        <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
46
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
47
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
48
		                    </div>
49
		                </a>
50
		            </li>
51
				</ul>
52
			</div>
53
		</div>
54
55
		<script src="../js/public/mui.min.js"></script>
56
		<script src="../js/public/base.js"></script>
57
	</body>
58
59
</html>

BIN
app/images/yqbg.jpg