Browse Source

Merge branch 'master' of http://121.42.53.174:3000/bulomakaka/ekexiu.app.git

xiaoai_123 8 years ago
parent
commit
560c0db951

+ 59 - 35
app/css/app.css

@ -8,6 +8,14 @@
8 8
.mui-input-group .mui-input-row:last-child:after{ background: none;}
9 9

10 10
.mui-popover{ border-radius:0;}
11
/*弹出框样式popup*/
12
.mui-popup-inner {border-radius: 8px 8px 0 0;}
13
.mui-popup-title{text-align: left;}
14
.mui-popup{text-align: left;}
15
.mui-popup-button:first-child { border-radius: 0 0 0 8px;}
16
.mui-popup-button:last-child { border-radius: 0 0 8px;}
17
.mui-popup-button{ color:#999999; font-size:14px;}
18
.mui-popup-button:hover{background: #FF9900;color:#FFFFFF;}
11 19

12 20
a{text-decoration:none;color:#007aff}a:active{color:#0062cc}
13 21
.mui-btn.mui-active:enabled,.mui-btn:enabled:active,button.mui-active:enabled,button:enabled:active,input[type=button].mui-active:enabled,input[type=button]:enabled:active,input[type=reset].mui-active:enabled,input[type=reset]:enabled:active,input[type=submit].mui-active:enabled,input[type=submit]:enabled:active{color:#fff;background-color:#FF9900}
@ -22,11 +30,10 @@ body{ color: #666666; font-size:14px;}
22 30
.textareabox{/*border-bottom: 1px solid #F0F0F0;*/}
23 31
.borderarea{border-bottom: 1px solid #F0F0F0;}
24 32

25
.smallicon{ width: 16px; height:16px; margin: 0 4px;}
26 33
/*必填项样式*/
27 34
.requiredcon{ position: absolute; top:0; width: 8px; height:8px; background: url(../images/requiredicon.png) center center no-repeat; background-size: 100% 100%;}
28 35
/*功能icon样式*/
29
.actionicon{display: block; width: 20px; height: 20px;margin-right:6px;}
36
.actionicon{/*display: block; width: 20px; height: 20px;*/ font-size:20px;margin-right:6px;}
30 37
/*主题色开关样式*/
31 38
.witchbg.mui-active{border:2px solid #FF9900; background-color:#FF9900;}
32 39
.witchbg{ height: 30px;}
@ -41,14 +48,17 @@ body{ color: #666666; font-size:14px;}
41 48
/*顶部标题栏*/
42 49
.toptitbox{ background:#FF9900; }
43 50
.topback{color: #FFFFFF;}
44
.topmore {
45
	color: #FFFFFF;
46
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
51
.topmore {position:relative;color: #FFFFFF;
52
	/*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
47 53
	-moz-transform: rotate(90deg);
48 54
	-o-transform: rotate(90deg);
49 55
	-webkit-transform: rotate(90deg);
50
	transform: rotate(90deg);
56
	transform: rotate(90deg);*/
51 57
}
58
.topmore.mui-icon{ font-size:22px; line-height:24px;}
59
.topmore .sharebox{padding:0; margin: 0; position: absolute;display: none;}
60
.topmore .sharebox li{list-style: none;}
61

52 62
.topsave{color: #FFFFFF; line-height: 42px; cursor: pointer;}
53 63
.toptit{color: #FFFFFF; font-size: 20px;}
54 64
.personhead{color: #FFFFFF;}
@ -101,8 +111,10 @@ body{ color: #666666; font-size:14px;}
101 111
.weiboicon{color:#F29600; font-size: 36px;}
102 112
.qqicon{color:#0093DD;}
103 113
/*用户协议*/
104
.protocolbox{overflow: hidden; font-size: 14px; color: #999999; margin: 0 0 20px 0;}
105
.agreeicon{width:20px; height:20px;}
114
.protocolbox{overflow: hidden;color: #999999; line-height: 20px; margin: 0 0 20px 0;}
115
.protocolbox .mui-icon{ font-size:18px;}
116
.protocolbox label{ font-size: 14px; }
117
/*.agreeicon{width:20px; height:20px;}*/
106 118
.agreecheck{font-size:30px; line-height: 30px; color: #FF9900 ;}
107 119
.protocollink{ color: #FF9900;}
108 120
/*设置密码*/
@ -111,7 +123,7 @@ body{ color: #666666; font-size:14px;}
111 123
/*完善信息*/
112 124
.maincon{ padding:4% 2%; overflow: hidden;}
113 125
.maincon .headbox{ text-align: center;}
114
.headbox .headimg{width: 20%;}
126
.headbox .headimg{width: 20%;border-radius:50%;}
115 127
.maincon .pinfor{ color: #888888; font-size: 13px;}
116 128
.maincon .basicinfo {padding-left:4%; }
117 129
.maincon .basicinfo li{ list-style: none;padding-left: 2%;font-size: 14px; overflow: hidden;}
@ -150,7 +162,8 @@ body{ color: #666666; font-size:14px;}
150 162
.fieldicon img{width: 100%;}
151 163
/*热门专家*/
152 164
.protable:before{ background-color:transparent;}
153
.mui-media-body .listtit img.authicon{ width: 12px; height:12px; border: none;}
165
.listtit .unauthicon{margin-left:4px;font-size: 14px; color:#C0C0C0; }
166
.listtit .authicon{margin-left:4px;font-size: 14px;color:#FF9900;}
154 167
.listtit0{font-size: 13px; color: #222222;}
155 168
.listtit{ font-size: 14px; color: #333333;}
156 169
.listtit2{font-size: 13px; color: #666666; position: relative;}
@ -168,7 +181,8 @@ body{ color: #666666; font-size:14px;}
168 181
.peocountbox{width: 150px;}
169 182
.peocount {font-size: 13px; color:#888888 ; overflow:hidden; }
170 183
.peocount span em{font-size: 14px; padding: 0 3px; color: #FF9900; font-weight: 600;}
171
.peocount .dialogicon{ display: block; width: 20px; height: 20px; background: url(../images/dialogue.png) center center no-repeat; background-size:100% 100% ; margin-right:6px;}
184
.peocount .dialogicon{ font-size: 16px;line-height:20px; color: #FF9900;}
185
/*.peocount .dialogicon{ display: block; width: 20px; height: 20px; background: url(../images/dialogue.png) center center no-repeat; background-size:100% 100% ; margin-right:6px;}*/
172 186
.levelbox{margin: auto; overflow: hidden; }
173 187
.levelbox .mui-icon{ font-size: 14px; color: #CCCCCC;}
174 188
.levelbox .icon-favorfill{ color:#F4C600;}
@ -177,7 +191,7 @@ body{ color: #666666; font-size:14px;}
177 191
.infocontit{font-size:14px; position: relative;}
178 192
.infocon{padding:6px 10px; /*text-align: justify;*/ font-size: 13px;}
179 193
.infocon ul{ padding:0; margin: 0; overflow: hidden;}
180
.infosubject li{ list-style: none; padding:4px 10px; padding-right:20px; margin:4px; border:1px solid #FF9900; border-radius: 6px; float: left;}
194
.infosubject li{ list-style: none; padding:4px 10px; padding-right:20px; margin:4px; border:1px solid #BBBBBB; border-radius: 6px; float: left;}
181 195

182 196
.resinfo li{padding:6px 8px;}
183 197
.resinfo li .mui-media-body{ border-bottom:1px solid #F0F0F0; padding-bottom:4px; margin-bottom: 6px;}
@ -186,9 +200,12 @@ body{ color: #666666; font-size:14px;}
186 200

187 201
.listbox{ margin:5px 0;max-width:100%; overflow:hidden;}
188 202
.listbrowse{border: 1px solid #FF9900; border-radius: 0 6px 6px 0; text-align:center;font-size:13px;line-height:26px; float:left;padding-right: 8px; max-width:40%; overflow:hidden;}
189
.plusbtn{ float:left;width:22px; height:22px; background:url(../images/zan.png) no-repeat center center; background-size:100% 100% ; margin-left:4px; margin-top:2px;  }
203
/*.plusbtn{ float:left;width:22px; height:22px; background:url(../images/zan.png) no-repeat center center; background-size:100% 100% ; margin-left:4px; margin-top:2px;  }*/
204
.plusbtn{ font-size:20px; line-height: 22px; color:#999999;margin-left:4px; margin-top:2px;  }
205
.plusbtn.icon-appreciatefill{color:#FF9900;}
190 206
.like {display: block;float: left;width: 28px;font-size:12px;background: #FF9900; color: #fff; line-height: 26px;margin-right: 5px;}
191 207
.likenum{ float:right;max-width:130px;overflow:hidden; }
208
.likenum .mui-icon{ font-size:24px; color:#CCCCCC;}
192 209
.likepeople{ width:26px; height:26px; float:left; overflow:hidden; margin-right:5px; }
193 210
.likepeople img{ width:100%; height:100%;}
194 211
.likemore{ display: block; width: 26px; height: 26px; border:1px solid #CCCCCC; border-radius: 50%;}
@ -196,16 +213,18 @@ body{ color: #666666; font-size:14px;}
196 213
.infoapply li{ padding-left:6px;padding-right:2px; list-style: disc inside; width: 50%; float: left;}
197 214
.gotonext{ width:140px; margin: auto; font-size: 14px; color: #FF9900; overflow: hidden;}
198 215
.gotonext2{ width: 110px;}
199
.gotonext em{display: block; width: 20px; height: 20px; margin-left:6px ; background:url(../images/goto.png) center center no-repeat; background-size:100% 100% ; }
216
/*.gotonext em{display: block; width: 20px; height: 20px; margin-left:6px ; background:url(../images/goto.png) center center no-repeat; background-size:100% 100% ; }*/
200 217

201 218
.dialogbtn{ overflow: hidden; width:80%;padding: 12px; color: #FF9900;}
202 219
.dialogbtn div{ width: 70px;overflow: hidden;margin: auto;}
203 220
.dialogbtn span{font-size: 14px; line-height: 24px; padding: 0 3px; font-weight: 600;}
204
.dialogbtn em{display: block; width: 24px; height: 24px; background: url(../images/dialogue.png) center center no-repeat; background-size:100% 100% ; margin-right:6px;}
221
.dialogbtn em{font-size: 20px;line-height: 24px; }
222
/*.dialogbtn em{display: block; width: 24px; height: 24px; background: url(../images/dialogue.png) center center no-repeat; background-size:100% 100% ; margin-right:6px;}*/
205 223
.dialogbtn:hover{ background:#FF9900; color: #FFFFFF;}
206 224

207
.attentbtn{margin: auto; overflow: hidden; width:20%;padding: 12px; border-left:1px solid #F0F0F0;}
208
.attentbtn em{display: block; margin: auto; width: 22px; height: 22px; background: url(../images/attenticon.png) center center no-repeat; background-size:100% 100% ;}
225
.attentbtn{margin: auto; overflow: hidden; width:20%;padding: 12px;text-align: center; border-left:1px solid #F0F0F0;}
226
.attentbtn em{font-size: 20px;line-height: 24px;color:#F6DC00;}
227
/*.attentbtn em{display: block; margin: auto; width: 22px; height: 22px; background: url(../images/attenticon.png) center center no-repeat; background-size:100% 100% ;}*/
209 228

210 229
.listitembox{ position: static;width: 108%;}
211 230
.listitembox .listitem{ position: static;padding:10px; margin-right: 2%;}
@ -224,12 +243,14 @@ body{ color: #666666; font-size:14px;}
224 243
.headbox2 .infobasic .listtit2{ margin: 4px 0;}
225 244
.headbox2 .updatebtn{position: absolute; top:50%; margin-top: -12px; right:10px;  }
226 245
.headbox2 .editbox{ display: block; width: 24px; height: 24px; }
227
.headbox2 .editbox img{ width: 100%; height: 100%;}
228

229
.wallteicon{background: url(../images/wallter.png) center center no-repeat;background-size:100% 100% ;}
230
.addicon{background: url(../images/personadd.png) center center no-repeat;background-size:100% 100% ;}
231
.seticon{background: url(../images/set.png) center center no-repeat;background-size:100% 100% ;}
232
.attenticon{background: url(../images/attenticon.png) center center no-repeat;background-size:100% 100% ;}
246
.headbox2 .editbox .mui-icon{font-size:24px; color:#999999;}
247
.headbox2 .editbox .mui-icon:hover{color:#FF9900;}
248
/*.headbox2 .editbox img{ width: 100%; height: 100%;}*/
249

250
.wallteicon{ color:#FAD000;/*background: url(../images/wallter.png) center center no-repeat;background-size:100% 100% ;*/}
251
.addicon{ color:#00AAEF;/*background: url(../images/personadd.png) center center no-repeat;background-size:100% 100% ;*/}
252
.seticon{color:#ACACB4;/*background: url(../images/set.png) center center no-repeat;background-size:100% 100% ;*/}
253
.attenticon{ color:#FF9900;/*background: url(../images/attenticon.png) center center no-repeat;background-size:100% 100% ;*/}
233 254
.rightword{ position: absolute; right:40px; font-size:13px;}
234 255
/*已认证*/
235 256
.verified{ color: #FF9900;}
@ -327,11 +348,12 @@ body{ color: #666666; font-size:14px;}
327 348
.popoverbox2 .mui-table-view .mui-table-view-cell>a:not(.mui-btn).mui-active{background:#FF9900; color: #FFFFFF;}
328 349
/*城市选择级联*/
329 350
.menublock{ position: relative; }
351
.menuposition.mui-popover .mui-scroll-wrapper{ margin: 0;}
330 352
.menuposition{border-radius:4px; position: absolute; height:300px;width:100%; font-size: 14px;}
331 353
.menuposition .mui-popover-arrow{left:50%; margin-left:-12px;}
332 354
.menuposition.mui-table-view{border-radius: 0; overflow: auto;}
333 355
.menuposition .mui-row.mui-fullscreen>[class*="mui-col-"] {height:100%;}
334
.menuposition .mui-col-xs-4,.menuposition .mui-control-content {border-radius: 6px;overflow-y: auto;height: 100%;}
356
.menuposition .mui-col-xs-12,.menuposition .mui-control-content {border-radius: 6px;overflow-y: auto;height: 100%;}
335 357
.menuposition .mui-segmented-control .mui-control-item {line-height: 44px;width: 100%;}
336 358
.menuposition .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item, .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active {border-bottom: 1px solid #e8e8e8;}.menuposition .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {background-color: #FFFFFF;color:#FF9900;}
337 359
	
@ -395,17 +417,19 @@ body{ color: #666666; font-size:14px;}
395 417
/*********************** 咨询*******************/
396 418

397 419
/*********************** 资源信息浏览*******************/
398
.resoubox{ overflow: hidden;}
399
.resoubox table{ width:100%;}
400
.resouimgbox{ width: 160px; float:right; margin:10px 2px 4px 16px;}
401
.resouimgbox img{ width: 100%;}
402
.resouinfoword{ clear:left; margin-top:10px}
420
.restopblock{ overflow: hidden; padding:14px 10px; background: #FFFFFF;}
421
.resouimgbox{width: 56%; margin-right:10px;}
422
.resouimgbox img{ width: 100%;margin: auto;}
423
.personblock{ padding:8px 2px; text-align: center; width:40%;}
424
.personblock p{ margin-bottom: 4px;}
425
.personblock .headimg{ width:40%; border-radius: 50%;overflow: hidden;}
426

427
.resomenubox{background: #FFFFFF; padding:8px 10px;}
428
.resomenubox ul.resomenu{padding: 0;margin: 0;overflow: hidden;}
429
.resomenubox ul.resomenu li{ list-style: none; font-size:16px; float: left;}
430

431
.resouinfoword{ padding:6px 0; background: #FFFFFF;}
403 432
.resouinfobox{ padding:0;margin: 0;}
404
.resouinfobox li{ list-style: none; margin: 6px 4px; font-size: 14px; line-height: 20px; word-break: break-all;}
405
.resouinfobox li label{ font-size: 14px; color: #333333;}
406
/*.resouinfobox li div{ padding-left:4px;}*/
407
.remarkbox li{padding-left:6px;}
408

409

433
.resouinfobox>li{ list-style: none; margin:10px 4px; padding-left: 10px; font-size: 14px; line-height: 20px; word-break: break-all;}
410 434

411 435
/*********************** 资源信息浏览*******************/

+ 19 - 51
app/html/attentions.html

@ -6,6 +6,7 @@
6 6
    <title></title>
7 7

8 8
    <link href="../css/mui.min.css" rel="stylesheet"/>
9
    <link href="../css/iconfont.css" rel="stylesheet" />
9 10
    <link href="../css/app.css" rel="stylesheet"/>
10 11
</head>
11 12
<body>
@ -32,7 +33,7 @@
32 33
		                <a class="proinfor" href="../html/proinforbrow.html">
33 34
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
34 35
		                    <div class="mui-media-body">
35
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
36
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
36 37
		                        <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
37 38
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
38 39
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
@ -40,77 +41,44 @@
40 41
		                </a>
41 42
		            </li>
42 43
		            <li class="mui-table-view-cell mui-media">
43
		                <a href="javascript:;">
44
		                <a class="proinfor" href="../html/proinforbrow.html">
44 45
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
45 46
		                    <div class="mui-media-body">
46
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
47
		                        <p class="listtit2"><span>职称</span>,<span>职务</span>, <span>所属机构</span> | <span>所在地</span></p>
47
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip unauthicon"></em></span>	
48
		                        <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
48 49
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
49 50
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
50 51
		                    </div>
51 52
		                </a>
52 53
		            </li>
53 54
		            <li class="mui-table-view-cell mui-media">
54
		                <a href="javascript:;">
55
		                <a class="proinfor" href="../html/proinforbrow.html">
55 56
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
56 57
		                    <div class="mui-media-body">
57
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
58
		                        <p class="listtit2"><span>职称</span>,<span>职务</span>, <span>所属机构</span> | <span>所在地</span></p>
58
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
59
		                        <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
59 60
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
60 61
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
61 62
		                    </div>
62 63
		                </a>
63 64
		            </li>
64 65
		            <li class="mui-table-view-cell mui-media">
65
		                <a href="javascript:;">
66
		                <a class="proinfor" href="../html/proinforbrow.html">
66 67
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
67 68
		                    <div class="mui-media-body">
68
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
69
		                        <p class="listtit2"><span>职称</span>,<span>职务</span>, <span>所属机构</span> | <span>所在地</span></p>
69
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
70
		                        <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
70 71
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
71 72
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
72 73
		                    </div>
73 74
		                </a>
74 75
		            </li>
75
		            <li class="mui-table-view-cell mui-media">
76
		                <a href="javascript:;">
77
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
78
		                    <div class="mui-media-body">
79
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
80
		                        <p class="listtit2"><span>职称</span>,<span>职务</span>, <span>所属机构</span> | <span>所在地</span></p>
81
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
82
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
83
		                    </div>
84
		                </a>
85
		            </li>
86
		            <li class="mui-table-view-cell mui-media">
87
		                <a href="javascript:;">
88
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
89
		                    <div class="mui-media-body">
90
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
91
		                        <p class="listtit2"><span>职称</span>,<span>职务</span>, <span>所属机构</span> | <span>所在地</span></p>
92
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
93
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
94
		                    </div>
95
		                </a>
96
		            </li>
97
		            <li class="mui-table-view-cell mui-media">
98
		                <a href="javascript:;">
99
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
100
		                    <div class="mui-media-body">
101
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
102
		                        <p class="listtit2"><span>职称</span>,<span>职务</span>, <span>所属机构</span> | <span>所在地</span></p>
103
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
104
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
105
		                    </div>
106
		                </a>
107
		            </li>
108
		            <li class="mui-table-view-cell mui-media">
109
		                <a href="javascript:;">
76
		           <li class="mui-table-view-cell mui-media">
77
		                <a class="proinfor" href="../html/proinforbrow.html">
110 78
		                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
111 79
		                    <div class="mui-media-body">
112
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
113
		                        <p class="listtit2"><span>职称</span>,<span>职务</span>, <span>所属机构</span> | <span>所在地</span></p>
80
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
81
		                        <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
114 82
		                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></h5>
115 83
		                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
116 84
		                    </div>
@ -127,7 +95,7 @@
127 95
		                    <div class="mui-media-body">
128 96
		                    	<span class="listtit">资源名称</span>
129 97
		                    	<p class="mui-ellipsis listtit2"><span>用途A</span>,<span>用途B</span></p>
130
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
98
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
131 99
		                        <p class="listtit3"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
132 100
		                    </div>
133 101
		                </a>
@ -138,7 +106,7 @@
138 106
		                    <div class="mui-media-body">
139 107
		                    	<span class="listtit">资源名称</span>
140 108
		                    	<p class="mui-ellipsis listtit2"><span>用途A</span>,<span>用途B</span></p>
141
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
109
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
142 110
		                        <p class="listtit3"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
143 111
		                    </div>
144 112
		                </a>
@ -149,7 +117,7 @@
149 117
		                    <div class="mui-media-body">
150 118
		                    	<span class="listtit">资源名称</span>
151 119
		                    	<p class="mui-ellipsis listtit2"><span>用途A</span>,<span>用途B</span></p>
152
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
120
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
153 121
		                        <p class="listtit3"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
154 122
		                    </div>
155 123
		                </a>
@ -160,7 +128,7 @@
160 128
		                    <div class="mui-media-body">
161 129
		                    	<span class="listtit">资源名称</span>
162 130
		                    	<p class="mui-ellipsis listtit2"><span>用途A</span>,<span>用途B</span></p>
163
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
131
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
164 132
		                        <p class="listtit3"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
165 133
		                    </div>
166 134
		                </a>

+ 27 - 18
app/html/chat_assess.html

@ -5,6 +5,7 @@
5 5
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 6
		<title></title>
7 7
		<link href="../css/mui.min.css" rel="stylesheet" />
8
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
8 9
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
9 10
		<link href="../css/mui.imageviewer.css" rel="stylesheet" />
10 11
		<style>
@ -360,24 +361,32 @@
360 361
 		<script src="../js/public/arttmpl.js"></script>
361 362
 		<script type="text/javascript" charset="utf-8">
362 363
 		//mui初始化
363
//			mui.init({
364
//				swipeBack: true //启用右滑关闭功能
365
//			});
366
//			var info = document.getElementById("info");
367
//			document.getElementById("promptBtn").addEventListener('tap', function(e) {
368
//				e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug,使用plus.nativeUI.prompt会造成输入法闪一下又没了
369
//				var btnArray = ['暂不评价', '发送'];
370
//				mui.prompt('请您对此次咨询进行评价:', '性能好', 'Hello MUI', btnArray, function(e) {
371
//					if (e.index == 1) {
372
//						info.innerText = '谢谢你的评语:' + e.value;
373
//					} else {
374
//						info.innerText = '你点了取消按钮';
375
//					}
376
//				})
377
//			});
378
//			document.getElementById("toastBtn").addEventListener('tap', function() {
379
//				mui.toast('欢迎体验Hello MUI');
380
//			});	
364
			mui.init({
365
				swipeBack: true //启用右滑关闭功能
366
			});
367
				var info = document.getElementById("info");
368
				document.getElementById("promptBtn").addEventListener('tap', function(e) {
369
					e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug,使用plus.nativeUI.prompt会造成输入法闪一下又没了
370
					var btnArray = ['暂不评价', '发送'];
371
					var str = '';
372
					str += '<div style="overflow:hidden;">';
373
	//				str += '<span class="mui-pull-left">整体评价</span>';
374
					str += '<div class="levelbox mui-pull-left">';
375
					str += '<span class="mui-icon iconfont icon-favorfill"></span>';
376
				    str += '<span class="mui-icon iconfont icon-favorfill"></span>';
377
				    str += '<span class="mui-icon iconfont icon-favorfill"></span>';
378
				    str += '<span class="mui-icon iconfont icon-favor"></span>';
379
				    str += '<span class="mui-icon iconfont icon-favor"></span>';
380
				    str += '</div></div>';
381
				    console.log(str);
382
					mui.prompt(str, '性能好', '请您对此次咨询进行评价', btnArray, function(e) {
383
						if (e.index == 1) {
384
							mui.toast('谢谢你的评语:' + e.value);
385
						} else {
386
							mui.toast('欢迎再次进行评价');
387
						}
388
					})
389
				});
381 390
		</script>
382 391
	</body>
383 392
</html>

+ 2 - 2
app/html/consultapply.html

@ -22,7 +22,7 @@
22 22
					    <a class="proinfor" href="proinforbrow.html">
23 23
		                    <img class="mui-pull-left headimg2" src="../images/default-photo.jpg">
24 24
		                    <div class="mui-pull-left infobasic">
25
		                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
25
		                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon" style="font-size: 16px;"></em></span>	
26 26
		                        <p class="listtit2"><span>职称</span>,<span>职务</span></p>
27 27
		                    	<p class="listtit3"><span>所在部门</span>,<span>所属机构</span> | <span>所在地</span></p>
28 28
		                    </div>
@ -34,7 +34,7 @@
34 34
		        <div class="mui-clearfix peolevelbox">
35 35
		        	<div class="mui-pull-left peocountbox">
36 36
		        		<div class="peocount mui-clearfix">
37
		        			<em class="actionicon dialogicon mui-pull-left "></em>
37
		        			<em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
38 38
		        			<span class="mui-pull-left">已完成咨询<em>11</em>人次</span>
39 39
		        		</div>
40 40
		        	</div>

+ 19 - 17
app/html/myaccount.html

@ -5,6 +5,7 @@
5 5
		<title></title>
6 6
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 7
		<link href="../css/mui.min.css" rel="stylesheet" />
8
		<link href="../css/iconfont.css" rel="stylesheet" />
8 9
		<link href="../css/app.css" rel="stylesheet" />
9 10
	</head>
10 11
	
@ -21,7 +22,7 @@
21 22
					    <a class="mui-pull-left proinfor">
22 23
		                    <img class="mui-pull-left headimg2" src="../images/default-photo.jpg" id="userImg">
23 24
		                    <div class="mui-pull-left infobasic" style="display:none;" id="loginYes">
24
		                        <span class="listtit"><span id="userName"></span><img class="smallicon authicon" id="rzImg" style="display:none;" src="../images/authicon.png"/></span>	
25
		                        <span class="listtit"><span id="userName"></span><em class="mui-icon iconfont icon-vip authicon" id="rzImg" style="display:none;"></em></span>	
25 26
		                        <p class="listtit2"><span id="userTitle"></span>,<span id="userPosition"></span></p>
26 27
		                    	<p class="listtit3"><span id="userDepartment"></span>,<span id="userMechanism"></span> | <span id="userCity"></span></p>
27 28
		                    </div>
@ -29,7 +30,8 @@
29 30
		                </a>
30 31
		                <div class="mui-pull-right updatebtn">
31 32
			        		<a class="editbox" id="editbox">
32
			        			<img src="../images/edit.png" />
33
			        			<!--<img src="../images/edit.png" />-->
34
			        			<span class="mui-icon iconfont icon-edit"></span>
33 35
			        		</a>
34 36
			        	</div>
35 37
			        </div>
@ -37,38 +39,38 @@
37 39
		        <a class="mui-clearfix peolevelbox"  id="goZixun">
38 40
		        	<div class="mui-pull-left peocountbox">
39 41
		        		<div class="peocount mui-clearfix">
40
		        			<em class="actionicon dialogicon mui-pull-left "></em>
42
		        			<em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
41 43
		        			<span class="mui-pull-left">已完成咨询<em>11</em>人次</span>
42 44
		        		</div>
43 45
		        	</div>
44 46
		        	<div class="mui-pull-right levelbox">
45
		        		<span class="star"></span>
46
		        		<span class="star"></span>
47
		        		<span class="star"></span>
48
		        		<span class="star"></span>
49
		        		<span class="star"></span>
47
		        		<span class="mui-icon iconfont icon-favorfill"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
48
		        		<span class="mui-icon iconfont icon-favorfill"></span>
49
		        		<span class="mui-icon iconfont icon-favorfill"></span>
50
		        		<span class="mui-icon iconfont icon-favor"></span>
51
		        		<span class="mui-icon iconfont icon-favor"></span>
50 52
		        	</div>
51 53
		        </a>
52 54
		    </div>
53 55
		    
54 56
	        <div class="mui-input-group  marginbox">
55 57
				<ul class="mui-table-view">
56
				    <!--<li class="mui-table-view-cell">
57
				        <a class="mui-navigate-right walltebox">
58
				        	<em class="actionicon wallteicon mui-pull-left"></em>
59
				        	<span class="mui-pull-left">我的钱包</span>
60
				        	<span class="rightword">¥0.00</span>
61
				        </a>
58
				    <!--<li class="mui-table-view-cell">
59
				        <a class="mui-navigate-right walltebox">
60
				        	<em class="mui-icon iconfont icon-recharge actionicon wallteicon mui-pull-left"></em>
61
				        	<span class="mui-pull-left">我的钱包</span>
62
				        	<span class="rightword">¥0.00</span>
63
				        </a>
62 64
				    </li>-->
63 65
				    <li class="mui-table-view-cell">
64 66
				        <a class="mui-navigate-right" href="attentions.html" id="goFollow">
65
				        	<em class="actionicon attenticon mui-pull-left"></em>
67
				        	<em class="mui-icon iconfont icon-favor actionicon attenticon mui-pull-left"></em>
66 68
				        	<span class="mui-pull-left">我的关注</span>
67 69
				        </a>
68 70
				    </li>
69 71
				    <li class="mui-table-view-cell" id="goNewuser">
70 72
				        <a class="mui-navigate-right">
71
				        	<em class="actionicon addicon mui-pull-left"></em>
73
				        	<em class="mui-icon iconfont icon-friendfavor actionicon addicon mui-pull-left"></em>
72 74
				        	<span class="mui-pull-left">邀请新用户</span>
73 75
				        </a>
74 76
				    </li>
@ -79,7 +81,7 @@
79 81
				<ul class="mui-table-view">
80 82
				    <li class="mui-table-view-cell">
81 83
				        <a class="mui-navigate-right" id="goSetup">
82
				        	<em class="actionicon seticon mui-pull-left"></em>
84
				        	<em class="mui-icon iconfont icon-settings actionicon seticon mui-pull-left"></em>
83 85
				        	<span class="mui-pull-left">设置</span>
84 86
				        </a>
85 87
				    </li>

+ 4 - 3
app/html/proinforbrow-more.html

@ -5,6 +5,7 @@
5 5
		<title></title>
6 6
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 7
		<link href="../css/mui.min.css" rel="stylesheet" />
8
		<link href="../css/iconfont.css" rel="stylesheet" />
8 9
		<link href="../css/app.css" rel="stylesheet" />
9 10
	</head>
10 11
@ -12,19 +13,19 @@
12 13
		<header class="mui-bar mui-bar-nav toptitbox">
13 14
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
14 15
		    <h1 class="mui-title toptit">专家姓名</h1>
15
		    <a class="mui-icon mui-icon-more mui-pull-right topmore"></a>
16
		    <a class="mui-icon iconfont icon-moreandroid mui-pull-right topmore"></a>
16 17
		</header>
17 18
		
18 19
		<!--主页面底部菜单-->
19 20
	    <nav class="mui-bar mui-bar-tab mui-clearfix footbox">
20 21
		    <div class="dialogbtn mui-pull-left btnactive">
21 22
		    	<div>
22
			    	<em class="mui-pull-left"></em>
23
			    	<em class="mui-iocn iconfont icon-community mui-pull-left"></em>
23 24
					<span class="mui-pull-left">咨询</span>
24 25
				</div>
25 26
			</div>
26 27
			<div class="attentbtn mui-pull-left">
27
				<em></em>
28
				<em class="mui-iocn iconfont icon-favor"></em><!--已经关注icon-favorfill-->
28 29
			</div>
29 30
		</nav>
30 31
		<!-- 主页面内容容器 -->

+ 10 - 9
app/html/proinforbrow.html

@ -13,19 +13,19 @@
13 13
		<header class="mui-bar mui-bar-nav toptitbox">
14 14
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
15 15
		    <h1 class="mui-title toptit">专家姓名</h1>
16
		    <a class="mui-icon mui-icon-more mui-pull-right topmore"></a>
16
		    <a class="mui-icon iconfont icon-moreandroid mui-pull-right topmore"></a>
17 17
		</header>
18 18
		
19 19
		<!--主页面底部菜单-->
20 20
	    <nav class="mui-bar mui-bar-tab mui-clearfix footbox">
21 21
		    <div class="dialogbtn mui-pull-left btnactive">
22 22
		    	<div>
23
			    	<em class="mui-pull-left"></em>
23
			    	<em class="mui-iocn iconfont icon-community mui-pull-left"></em>
24 24
					<span class="mui-pull-left">咨询</span>
25 25
				</div>
26 26
			</div>
27 27
			<div class="attentbtn mui-pull-left">
28
				<em></em>
28
				<em class="mui-iocn iconfont icon-favor"></em><!--已经关注icon-favorfill-->
29 29
			</div>
30 30
		</nav>
31 31
		<!-- 主页面内容容器 -->
@ -36,7 +36,7 @@
36 36
					<div class="headbox">
37 37
				        <a href="javascript:;">
38 38
				        	<img class="headimg" src="../images/default-photo.jpg" />
39
				        	<div class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></div>	
39
				        	<div class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon" style="font-size:16px;"></em></div>	
40 40
		                    <p class="listtit3"><span>职称</span>,<span>职务</span></p>
41 41
		                    <p class="listtit3"><span>所在部门</span>,<span>所属机构</span> | <span>所在地</span></p>
42 42
				        </a>
@ -45,7 +45,7 @@
45 45
		        <a class="mui-clearfix peolevelbox" href="coophistory.html">
46 46
		        	<div class="mui-pull-left peocountbox">
47 47
		        		<div class="peocount mui-clearfix">
48
		        			<em class="actionicon dialogicon mui-pull-left "></em>
48
		        			<em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
49 49
		        			<span class="mui-pull-left">已完成咨询<em>11</em>人次</span>
50 50
		        		</div>
51 51
		        	</div>
@ -128,19 +128,20 @@
128 128
				        	<div class="listbrowse mui-ellipsis">
129 129
				        		<span class="like">0</span>方向一方向一方向一方向一方向一方向一
130 130
				        	</div>
131
				        	<span class="plusbtn" data-isagree="-1"></span>
131
				        	<!--点赞icon-appreciatefill 未点赞icon-appreciate-->
132
				        	<span class="mui-icon iconfont plusbtn icon-appreciate" data-isagree="-1"></span>
132 133
				        	<div class="likenum">
133 134
				        		<span class="likepeople"><img class="like-h" src="../images/default-photo.jpg"></span>
134 135
				        		<span class="likepeople"><img class="like-h" src="../images/default-photo.jpg"></span>
135 136
				        		<span class="likepeople"><img class="like-h" src="../images/default-photo.jpg"></span>
136
				        		<span class="mui-icon mui-icon-more likepeople likemore"></span>
137
				        		<span class="mui-icon iconfont icon-more likepeople likemore"></span>
137 138
				        	</div>
138 139
				        </div>
139 140
				        <div class="listbox">
140 141
				        	<div class="listbrowse mui-ellipsis">
141 142
				        		<span class="like">68</span>方向二
142 143
				        	</div>
143
				        	<span class="plusbtn" data-isagree="-1"></span>
144
				        	<span class="mui-icon iconfont plusbtn icon-appreciatefill" data-isagree="-1"></span>
144 145
				        	<div class="likenum">
145 146
				        		<span class="likepeople"><img class="like-h" src="../images/default-photo.jpg"></span>
146 147
				        		<span class="likepeople"><img class="like-h" src="../images/default-photo.jpg"></span>
@ -170,7 +171,7 @@
170 171
					<a href="proinforbrow-more.html">
171 172
						<div class="gotonext">
172 173
							<span class="mui-pull-left">查看专家详细信息</span>
173
				       		<em class="mui-pull-left"></em>
174
				       		<em class="mui-iocn iconfont icon-pullright mui-pull-left"></em>
174 175
						</div>
175 176
					</a>
176 177
		       </div>

+ 2 - 1
app/html/reg.html

@ -6,6 +6,7 @@
6 6
		<title>注册</title>
7 7
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 8
		<link href="../css/mui.min.css" rel="stylesheet" />
9
		<link href="../css/iconfont.css" rel="stylesheet" />
9 10
		<link href="../css/app.css" rel="stylesheet" />
10 11
	</head>
11 12
@ -34,7 +35,7 @@
34 35
		    <div class="mui-content-padded frmbox">
35 36
		    	<div class="protocolbox">
36 37
			    	<label checked="true"> 
37
			    		<span class="mui-icon mui-icon-checkmarkempty agreecheck"></span>	
38
			    		<span class="mui-icon iconfont icon-squarecheck iconagreecheck"></span>	
38 39
			    		
39 40
	                     <!--<em><img class="agreeicon" src="../images/agreenicon.png"/></em> -->
40 41
	                     <input type="checkbox" name="checkbox" checked="true" style="display:none;">已同意<a href="" class="protocollink" target="_blank">科袖网用户协议</a>

+ 119 - 72
app/html/resinforbrow.html

@ -1,101 +1,148 @@
1 1
<!doctype html>
2 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>
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>
14 11
15 12
	<body>
16 13
		<header class="mui-bar mui-bar-nav toptitbox">
17 14
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
18 15
		    <h1 class="mui-title toptit">资源名称</h1>
19
		    <a class="mui-icon mui-icon-more mui-pull-right topmore"></a>
16
		    <a class="mui-icon iconfont icon-share mui-pull-right topmore" id="shareBtn">
17
		    	<ul class="sharebox" style="display: block; color: #000000;">
18
		    		<li>
19
		    			<span class="mui-icon mui-icon-weixin"></span>
20
		    		</li>
21
		    		<li>
22
		    			<span class="mui-icon mui-icon-weibo"></span>
23
		    		</li>
24
		    		<li>
25
		    			<span class="mui-icon mui-icon-qq"></span>
26
		    		</li>
27
		    		
28
		    	</ul>
29
		    </a>
20 30
		</header>
21 31
		
22 32
		<!--主页面底部菜单-->
23
	    <nav class="mui-bar mui-bar-tab mui-clearfix footbox">
33
	     <nav class="mui-bar mui-bar-tab mui-clearfix footbox">
24 34
		    <div class="dialogbtn mui-pull-left btnactive">
25 35
		    	<div>
26
			    	<em class="mui-pull-left"></em>
36
			    	<em class="mui-iocn iconfont icon-community mui-pull-left"></em>
27 37
					<span class="mui-pull-left">咨询</span>
28 38
				</div>
29 39
			</div>
30 40
			<div class="attentbtn mui-pull-left">
31
				<em></em>
41
				<em class="mui-iocn iconfont icon-favor"></em><!--已经关注icon-favorfill-->
32 42
			</div>
33 43
		</nav>
34 44
		<!-- 主页面内容容器 -->
35 45
    	<div class="mui-content">
36 46
    		<!-- 主界面具体展示内容 -->
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>
47
    		<div class="mui-input-group mainbox restopblock">
48
    			<div class="resouimgbox mui-pull-left">
49
					<img src="../images/default-resource.jpg"/>
50
				</div>
51
				<div class="personblock mui-pull-left">
52
                    <img class="headimg" src="../images/default-photo.jpg">
53
                    <p class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon" style="font-size:16px;"></em></p>	
54
                    <p class="listtit2"><span>职称</span>,<span>职务</span></p>
55
                    <p class="listtit3"><span>所属机构</span></p>
56
                    <p class="listtit3"><span>所在地</span></p>
57
                </div>
58
    		</div>
59
    		<!--<div class="resomenubox">
60
    			<ul class="resomenu">
61
    				<li>基本信息</li>
62
    			</ul>
63
    		</div>-->
64
    		<div class="mui-input-group mainbox resouinfoword marginbox">
65
            	<ul class="resouinfobox">
66
            		<li>
67
            			<div class="infocontit">基本信息</div>
68
            		</li>
69
					<li>
70
						<div class="infocon">
71
							<p style="color:#666666;">
72
								<span>资源名称:</span>
73
								<span class="listtit2">XXXXX资源名称XXXXX资源名称XX</span>
74
							</p>
75
							<p style="color:#666666;">
76
								<span>应用用途:</span>
77
								<span class="listtit2">应用用途应用用途应用用途应用用途应用用</span>
78
							</p>
79
						</div>
80
					</li>
81
				</ul>
82
			</div>
83
			<div class="mui-input-group mainbox resouinfoword marginbox">
84
            	<ul class="resouinfobox">
85
					<li>
86
						<div class="infocontit">学术领域</div>
87
						<div class="infocon">
88
					       	<ul class="infosubject">
89
					       		<li>领域1</li>
90
					       		<li>领域领域领域2</li>
91
					       		<li>领域领域领域领域3</li>
92
					       		<li>领域4</li>
93
					       		<li>领域领1</li>
94
					       		<li>领域1</li>
95
					       		<li>领域1</li>
96
					       	</ul>
97
				       </div>
98
					</li>
99
				</ul>
100
			</div>
101
			<div class="mui-input-group mainbox resouinfoword marginbox">
102
            	<ul class="resouinfobox">
103
					<li>
104
						<div class="infocontit">应用行业</div> 
105
				        <div class="infocon">
106
					       	<ul class="infoapply">
107
					       		<li class="mui-ellipsis">应用行业1</li>
108
					       		<li class="mui-ellipsis">领域领域领域域领域领域域领域领域域领域领域2</li>
109
					       		<li class="mui-ellipsis">领域领域3</li>
110
					       		<li class="mui-ellipsis">领域4</li>
111
					       		<li class="mui-ellipsis">领域领1</li>
112
					       		<li class="mui-ellipsis">领域1</li>
113
					       		<li class="mui-ellipsis">领域1</li>
114
					       	</ul>
115
				        </div>
116
					</li>
117
				</ul>
118
			</div>
119
			<div class="mui-input-group mainbox resouinfoword marginbox">
120
            	<ul class="resouinfobox">
121
					<li>
122
				       <div class="infocontit">详细描述</div> 
123
				       <div class="infocon">
124
				       		<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>
125
				       </div>
126
					</li>
127
				</ul>
128
			</div>
129
			<div class="mui-input-group mainbox resouinfoword marginbox">
130
            	<ul class="resouinfobox">
131
		            <li>
132
				       <div class="infocontit">合作备注</div> 
133
				       <div class="infocon">
134
				       		<p class="listtit3 mutlinebox"> Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
135
				       </div>
136
				    </li>
137
				</ul>
138
             </div>
139
93 140
        </div>
94 141
		
95 142
		
96 143
		<script src=" ../js/public/mui.min.js"></script>
97 144
		<script type="text/javascript">
98
			mui.init()
145
			mui.init();
99 146
		</script>
100 147
	</body>
101 148

+ 125 - 59
app/html/resinforupdate.html

@ -1,78 +1,144 @@
1 1
<!doctype html>
2 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>
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>
14 11
15 12
	<body>
16 13
		<header class="mui-bar mui-bar-nav toptitbox">
17 14
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
18
		    <h1 class="mui-title toptit">合作资源</h1>
19
		    <span class="mui-pull-right topsave">保存</span>
15
		    <h1 class="mui-title toptit">资源名称</h1>
16
		    <a class="mui-icon iconfont icon-share mui-pull-right topmore" id="shareBtn">
17
		    	<ul class="sharebox" style="display: block; color: #000000;">
18
		    		<li>
19
		    			<span class="mui-icon mui-icon-weixin"></span>
20
		    		</li>
21
		    		<li>
22
		    			<span class="mui-icon mui-icon-weibo"></span>
23
		    		</li>
24
		    		<li>
25
		    			<span class="mui-icon mui-icon-qq"></span>
26
		    		</li>
27
		    		
28
		    	</ul>
29
		    </a>
20 30
		</header>
21 31
		
32
		<!--主页面底部菜单-->
33
	     <nav class="mui-bar mui-bar-tab mui-clearfix footbox">
34
		    <div class="dialogbtn mui-pull-left btnactive">
35
		    	<div>
36
			    	<em class="mui-iocn iconfont icon-community mui-pull-left"></em>
37
					<span class="mui-pull-left">咨询</span>
38
				</div>
39
			</div>
40
			<div class="attentbtn mui-pull-left">
41
				<em class="mui-iocn iconfont icon-favor"></em><!--已经关注icon-favorfill-->
42
			</div>
43
		</nav>
22 44
		<!-- 主页面内容容器 -->
23 45
    	<div class="mui-content">
24 46
    		<!-- 主界面具体展示内容 -->
25
    		<div class="mui-input-group marginbox resoubox">
26
    			<table>
27
	            	<tr>
28
	                	<td>
29
	                		<div class="resouimgbox">
30
								<img src="../images/default-resource.jpg"/>
31
							</div>
32
	                        <div class="resouinfoword">
33
	                        	<div class="resouinfobox">
34
									<div class="maincon" style="margin: 0;padding:0;">
35
										<ul class="basicinfo" style="margin: 0;padding:0;">
36
											<li><label>资源名称</label></li>
37
											<li class="basicfrm"><input type="text" name="comname" class="mui-input-clear frmtype"></li>
38
											<li><label>应用用途</label></li>
39
											<li class="basicfrm">
40
												<div class="textareabox" contenteditable="true"></div> 
41
											</li>
42
											<li><label>学术领域</label></li>
43
											<li class="basicfrm">
44
												<div class="textareabox" contenteditable="true"></div> 
45
											</li>
46
											<li><label>应用行业</label></li>
47
											<li class="basicfrm">
48
												<div class="textareabox" contenteditable="true"></div> 
49
											</li>
50
											<li><label>详细描述</label></li>
51
											<li class="basicfrm">
52
												<div class="textareabox" contenteditable="true"></div> 
53
											</li>
54
											<li><label>合作备注</label></li>
55
											<li class="basicfrm">
56
												<div class="textareabox" contenteditable="true"></div> 
57
											</li>
58
										</ul>
59
								        <div class="mui-input-group">
60
											<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此合作资源</button>
61
									    </div>
62
							        </div>
63
								</div>
64
	                         </div>
65
	                     </td>
66
	                 </tr>
67
	           </table>
68
		    </div>
69
			
47
    		<div class="mui-input-group mainbox restopblock">
48
    			<div class="resouimgbox" style="margin: auto;text-align: center;">
49
					<img src="../images/default-resource.jpg"/>
50
					<span style="font-size:13px; color:#999999;">点击上传资源图片</span>
51
				</div>
52
    		</div>
53
    		<!--<div class="resomenubox">
54
    			<ul class="resomenu">
55
    				<li>基本信息</li>
56
    			</ul>
57
    		</div>-->
58
    		<div class="mui-input-group mainbox resouinfoword marginbox">
59
            	<ul class="resouinfobox">
60
            		<li>
61
            			<div class="infocontit">基本信息<a class="updatebox mui-clearfix" href="updateinfo-res01.html"><em class="updatebtn mui-pull-left"></em><span class="mui-pull-left">点击修改</span></a></div>
62
            		</li>
63
					<li>
64
						<div class="infocon">
65
							<p style="color:#666666; font-size:14px;">
66
								<span>资源名称:</span>
67
								<span class="listtit2">XXXXX资源名称XXXXX资源名称XX</span>
68
							</p>
69
							<p style="color:#666666; font-size:14px;">
70
								<span>应用用途:</span>
71
								<span class="listtit2">应用用途应用用途应用用途应用用途应用用</span>
72
							</p>
73
						</div>
74
					</li>
75
				</ul>
76
			</div>
77
			<div class="mui-input-group mainbox resouinfoword marginbox">
78
            	<ul class="resouinfobox">
79
					<li>
80
						<div class="infocontit">学术领域<a class="updatebox mui-clearfix" href="updateinfo-res02.html"><em class="updatebtn mui-pull-left"></em><span class="mui-pull-left">点击修改</span></a></div>
81
						<div class="infocon">
82
					       	<ul class="infosubject">
83
					       		<li>领域1</li>
84
					       		<li>领域领域领域2</li>
85
					       		<li>领域领域领域领域3</li>
86
					       		<li>领域4</li>
87
					       		<li>领域领1</li>
88
					       		<li>领域1</li>
89
					       		<li>领域1</li>
90
					       	</ul>
91
				       </div>
92
					</li>
93
				</ul>
94
			</div>
95
			<div class="mui-input-group mainbox resouinfoword marginbox">
96
            	<ul class="resouinfobox">
97
					<li>
98
						<div class="infocontit">应用行业<a class="updatebox mui-clearfix" href="updateinfo-res03.html"><em class="updatebtn mui-pull-left"></em><span class="mui-pull-left">点击修改</span></a></div> 
99
				        <div class="infocon">
100
					       	<ul class="infoapply">
101
					       		<li class="mui-ellipsis">应用行业1</li>
102
					       		<li class="mui-ellipsis">领域领域领域域领域领域域领域领域域领域领域2</li>
103
					       		<li class="mui-ellipsis">领域领域3</li>
104
					       		<li class="mui-ellipsis">领域4</li>
105
					       		<li class="mui-ellipsis">领域领1</li>
106
					       		<li class="mui-ellipsis">领域1</li>
107
					       		<li class="mui-ellipsis">领域1</li>
108
					       	</ul>
109
				        </div>
110
					</li>
111
				</ul>
112
			</div>
113
			<div class="mui-input-group mainbox resouinfoword marginbox">
114
            	<ul class="resouinfobox">
115
					<li>
116
				       <div class="infocontit">详细描述<a class="updatebox mui-clearfix" href="updateinfo-res04.html"><em class="updatebtn mui-pull-left"></em><span class="mui-pull-left">点击修改</span></a></div> 
117
				       <div class="infocon">
118
				       		<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>
119
				       </div>
120
					</li>
121
				</ul>
122
			</div>
123
			<div class="mui-input-group mainbox resouinfoword marginbox">
124
            	<ul class="resouinfobox">
125
		            <li>
126
				       <div class="infocontit">合作备注<a class="updatebox mui-clearfix" href="updateinfo-res05.html"><em class="updatebtn mui-pull-left"></em><span class="mui-pull-left">点击修改</span></a></div> 
127
				       <div class="infocon">
128
				       		<p class="listtit3 mutlinebox"> Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
129
				       </div>
130
				    </li>
131
				</ul>
132
             </div>
133
             <div class="mui-input-group mainbox">
134
				<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此资源</button>
135
             </div>
70 136
        </div>
71 137
		
72 138
		
73 139
		<script src=" ../js/public/mui.min.js"></script>
74 140
		<script type="text/javascript">
75
			mui.init()
141
			mui.init();
76 142
		</script>
77 143
	</body>
78 144

+ 82 - 72
app/html/search-pro.html

@ -6,6 +6,7 @@
6 6
    <title></title>
7 7

8 8
    <link href="../css/mui.min.css" rel="stylesheet"/>
9
    <link href="../css/iconfont.css" rel="stylesheet" />
9 10
    <link href="../css/app.css" rel="stylesheet"/>
10 11
	<link href="../css/mui.picker.min.css" rel="stylesheet" />
11 12
</head>
@ -51,7 +52,7 @@
51 52
	                <a class="proinfor" href="../html/proinforbrow.html">
52 53
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
53 54
	                    <div class="mui-media-body">
54
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
55
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
55 56
	                        <p class="listtit2"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
56 57
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
57 58
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
@ -62,7 +63,7 @@
62 63
	                <a href="javascript:;">
63 64
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
64 65
	                    <div class="mui-media-body">
65
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
66
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
66 67
	                        <p class="listtit2"><span>职称</span>,<span>职务</span>, <span>所属机构</span> | <span>所在地</span></p>
67 68
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
68 69
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
@ -73,7 +74,7 @@
73 74
	                <a href="javascript:;">
74 75
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
75 76
	                    <div class="mui-media-body">
76
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
77
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
77 78
	                        <p class="listtit2"><span>职称</span>,<span>职务</span>, <span>所属机构</span> | <span>所在地</span></p>
78 79
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
79 80
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
@ -84,7 +85,7 @@
84 85
	                <a href="javascript:;">
85 86
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
86 87
	                    <div class="mui-media-body">
87
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
88
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
88 89
	                        <p class="listtit2"><span>职称</span>,<span>职务</span>, <span>所属机构</span> | <span>所在地</span></p>
89 90
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
90 91
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
@ -95,7 +96,7 @@
95 96
	                <a href="javascript:;">
96 97
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
97 98
	                    <div class="mui-media-body">
98
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
99
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
99 100
	                        <p class="listtit2"><span>职称</span>,<span>职务</span>, <span>所属机构</span> | <span>所在地</span></p>
100 101
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
101 102
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
@ -106,7 +107,7 @@
106 107
	                <a href="javascript:;">
107 108
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
108 109
	                    <div class="mui-media-body">
109
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
110
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
110 111
	                        <p class="listtit2"><span>职称</span>,<span>职务</span>, <span>所属机构</span> | <span>所在地</span></p>
111 112
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
112 113
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
@ -117,7 +118,7 @@
117 118
	                <a href="javascript:;">
118 119
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
119 120
	                    <div class="mui-media-body">
120
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
121
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
121 122
	                        <p class="listtit2"><span>职称</span>,<span>职务</span>, <span>所属机构</span> | <span>所在地</span></p>
122 123
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
123 124
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
@ -128,7 +129,7 @@
128 129
	                <a href="javascript:;">
129 130
	                    <img class="mui-media-object mui-pull-left headimg" src="../images/default-photo.jpg">
130 131
	                    <div class="mui-media-body">
131
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
132
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
132 133
	                        <p class="listtit2"><span>职称</span>,<span>职务</span>, <span>所属机构</span> | <span>所在地</span></p>
133 134
	                    	<p class="mui-ellipsis listtit3"><span>研究方向标题A</span>、<span>研究方向标题B</span></p>
134 135
	                    	<p class="mui-ellipsis listtit3"><span>设备资源名称A</span>、<span>设备资源名称B</span>、<span>设备资源名称B</span></p>
@ -137,17 +138,25 @@
137 138
	            </li>
138 139
	        </ul>
139 140
		</div>
140
		<div class=" mui-row mui-popover mui-fullscreen menuposition" id="middlePopovercity">
141
			<div class="mui-col-xs-4">
142
				<div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
141
		<div class="mui-popover mui-fullscreen menuposition" id="middlePopovercity">
142
			<div class="mui-scroll-wrapper" style="width:40%;left:0;">
143
				<div class="mui-scroll">
144
					<div class="mui-col-xs-12">
145
						<div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
146
						</div>
147
					</div>
143 148
				</div>
144 149
			</div>
145
			<div id="segmentedControlContents" class="mui-col-xs-8" style="border-left: 1px solid #d6d6d6; background-color: #FFFFFF;">
146
				<div id="item1" class="mui-control-content mui-active">
147
				</div>
148
				<div id="item2" class="mui-control-content">
149
				</div>
150
				<div id="item3" class="mui-control-content">
150
			<div class="mui-scroll-wrapper" style="width: 60%;left:40%;">
151
				<div class="mui-scroll">
152
					<div id="segmentedControlContents" class="mui-col-xs-12" style="border-left: 1px solid #d6d6d6; background-color: #FFFFFF;">
153
						<div id="item1" class="mui-control-content mui-active">
154
						</div>
155
						<div id="item2" class="mui-control-content">
156
						</div>
157
						<div id="item3" class="mui-control-content">
158
						</div>
159
					</div>
151 160
				</div>
152 161
			</div>
153 162
		</div>
@ -192,63 +201,64 @@
192 201
			mui.init({
193 202
				swipeBack: true //启用右滑关闭功能
194 203
			});
195
			//-------------------------------
196
			//筛选添加弹出菜单
197
			mui('.mui-scroll-wrapper').scroll();
198
			mui('body').on('shown', '.mui-popover', function(e) {
199
				//console.log('shown', e.detail.id);//detail为当前popover元素
200
			});
201
			mui('body').on('hidden', '.mui-popover', function(e) {
202
				//console.log('hidden', e.detail.id);//detail为当前popover元素
203
			});
204
			
205

206
			//搜专家搜资源的下拉选择框
207
			var showblock = document.getElementById("li_show"); 
208
			var selectblock = document.getElementById("div_select");
209
			selectblock.addEventListener('tap',function(){
210
				showmenu();
211
			});
212
			
213
			mui("#li_show").on('tap','li',function(){
214
				//liindex = this.getAttribute("index");
215
				selectThis(this.innerHTML);
216
			});
217
			
218
			function selectThis(value){
219
				selectblock.innerHTML=value; 
220
				showblock.style.display = 'none'; 
221
				} 
204
//			mui.plusReady(function(){
205
				//-------------------------------
206
				//筛选添加弹出菜单
207
				mui('.mui-scroll-wrapper').scroll();
208
				mui('body').on('shown', '.mui-popover', function(e) {
209
					//console.log('shown', e.detail.id);//detail为当前popover元素
210
				});
211
				mui('body').on('hidden', '.mui-popover', function(e) {
212
					//console.log('hidden', e.detail.id);//detail为当前popover元素
213
				});
222 214
				
223
			function showmenu(){ 
224
			   showblock.style.display = 'block'; 
225
			} 
226

227
        	//-----city--------------------------
228
			var controls = document.getElementById("segmentedControls");
229
			var contents = document.getElementById("segmentedControlContents");
230
			var html = [];
231
			var i = 1,
232
				j = 1,
233
				m = 16, //左侧选项卡数量+1
234
				n = 21; //每个选项卡列表数量+1
235
			for (; i < m; i++) {
236
				html.push('<a class="mui-control-item" href="#content' + i + '">选项' + i + '</a>');
237
			}
238
			controls.innerHTML = html.join('');
239
			html = [];
240
			for (i = 1; i < m; i++) {
241
				html.push('<div id="content' + i + '" class="mui-control-content"><ul class="mui-table-view">');
242
				for (j = 1; j < n; j++) {
243
					html.push('<li class="mui-table-view-cell">第' + i + '个选项卡子项-' + j + '</li>');
215
	
216
				//搜专家搜资源的下拉选择框
217
				var showblock = document.getElementById("li_show"); 
218
				var selectblock = document.getElementById("div_select");
219
				selectblock.addEventListener('tap',function(){
220
					showmenu();
221
				});
222
				
223
				mui("#li_show").on('tap','li',function(){
224
					//liindex = this.getAttribute("index");
225
					selectThis(this.innerHTML);
226
				});
227
				
228
				function selectThis(value){
229
					selectblock.innerHTML=value; 
230
					showblock.style.display = 'none'; 
231
					} 
232
					
233
				function showmenu(){ 
234
				   showblock.style.display = 'block'; 
235
				} 
236
	
237
	        	//-----city--------------------------
238
				var controls = document.getElementById("segmentedControls");
239
				var contents = document.getElementById("segmentedControlContents");
240
				var html = [];
241
				var i = 1,
242
					j = 1,
243
					m = 16, //左侧选项卡数量+1
244
					n = 21; //每个选项卡列表数量+1
245
				for (; i < m; i++) {
246
					html.push('<a class="mui-control-item" href="#content' + i + '">选项' + i + '</a>');
244 247
				}
245
				html.push('</ul></div>');
246
			}
247
			contents.innerHTML = html.join('');
248
			 //默认选中第一个
249
			controls.querySelector('.mui-control-item').classList.add('mui-active');
250
			contents.querySelector('.mui-control-content').classList.add('mui-active');
251

248
				controls.innerHTML = html.join('');
249
				html = [];
250
				for (i = 1; i < m; i++) {
251
					html.push('<div id="content' + i + '" class="mui-control-content"><ul class="mui-table-view">');
252
					for (j = 1; j < n; j++) {
253
						html.push('<li class="mui-table-view-cell">第' + i + '个选项卡子项-' + j + '</li>');
254
					}
255
					html.push('</ul></div>');
256
				}
257
				contents.innerHTML = html.join('');
258
				 //默认选中第一个
259
				controls.querySelector('.mui-control-item').classList.add('mui-active');
260
				contents.querySelector('.mui-control-content').classList.add('mui-active');
261
//			});
252 262
    </script>	
253 263
	</script>      	 
254 264
</body>

+ 5 - 4
app/html/search-res.html

@ -6,6 +6,7 @@
6 6
    <title></title>
7 7

8 8
    <link href="../css/mui.min.css" rel="stylesheet"/>
9
    <link href="../css/iconfont.css" rel="stylesheet" />
9 10
    <link href="../css/app.css" rel="stylesheet"/>
10 11
	<link href="../css/mui.picker.min.css" rel="stylesheet" />
11 12
    
@ -58,7 +59,7 @@
58 59
	                    <div class="mui-media-body">
59 60
	                    	<span class="listtit">资源名称</span>
60 61
	                    	<p class="mui-ellipsis listtit2"><span>用途A</span>,<span>用途B</span></p>
61
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
62
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
62 63
	                        <p class="listtit3"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
63 64
	                    </div>
64 65
	                </a>
@ -69,7 +70,7 @@
69 70
	                    <div class="mui-media-body">
70 71
	                    	<span class="listtit">资源名称</span>
71 72
	                    	<p class="mui-ellipsis listtit2"><span>用途A</span>,<span>用途B</span></p>
72
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
73
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
73 74
	                        <p class="listtit3"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
74 75
	                    </div>
75 76
	                </a>
@ -80,7 +81,7 @@
80 81
	                    <div class="mui-media-body">
81 82
	                    	<span class="listtit">资源名称</span>
82 83
	                    	<p class="mui-ellipsis listtit2"><span>用途A</span>,<span>用途B</span></p>
83
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
84
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
84 85
	                        <p class="listtit3"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
85 86
	                    </div>
86 87
	                </a>
@ -91,7 +92,7 @@
91 92
	                    <div class="mui-media-body">
92 93
	                    	<span class="listtit">资源名称</span>
93 94
	                    	<p class="mui-ellipsis listtit2"><span>用途A</span>,<span>用途B</span></p>
94
	                        <span class="listtit">专家姓名<img class="smallicon authicon" src="../images/authicon.png"/></span>	
95
	                        <span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon"></em></span>	
95 96
	                        <p class="listtit3"><span>职称</span>,<span>职务</span>,<span>所属机构</span> | <span>所在地</span></p>
96 97
	                    </div>
97 98
	                </a>

+ 39 - 0
app/html/updateinfo-res01.html

@ -0,0 +1,39 @@
1
<!doctype html>
2
<html>
3
4
	<head>
5
		<meta charset="UTF-8">
6
		<title></title>
7
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8
		<link href="../css/mui.min.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
		    <span class="mui-pull-right topsave">保存</span>
17
		</header>
18
		<div class="mui-content">	
19
		    <div class="mui-input-group marginbox">
20
				<div class="maincon">
21
					<ul class="basicinfo">
22
						<li><label>资源名称<em class="requiredcon"></em></label></li>
23
						<li class="basicfrm"><input type="text" name="comname" class="mui-input-clear frmtype"></li>
24
						<li><label>应用用途</label></li>
25
						<li class="basicfrm">
26
							<div class="textareabox" contenteditable="true"></div> 
27
						</li>
28
					</ul>
29
		        </div>
30
		    </div>
31
		    
32
		</div>
33
		<script src="../js/public/mui.min.js"></script>
34
		<script type="text/javascript">
35
			mui.init()
36
		</script>
37
	</body>
38
39
</html>

+ 51 - 0
app/html/updateinfo-res02.html

@ -0,0 +1,51 @@
1
<!doctype html>
2
<html>
3
4
	<head>
5
		<meta charset="UTF-8">
6
		<title></title>
7
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8
		<link href="../css/mui.min.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
		    <span class="mui-pull-right topsave">保存</span>
17
		</header>
18
		<div class="mui-content">
19
			
20
		    <div class="mui-input-group marginbox">
21
				<div class="maincon">
22
					<div class="labelbox">
23
						<div class="addlabel mui-clearfix">
24
							<input type="text" class="mui-pull-left frmtype"/>
25
							<button class="mui-btn mui-pull-left addlabelbtn">添加</button>
26
						</div>
27
                        <div class="labelarea">
28
                        	<ul class="labelshow">
29
					       		<li>领域1<em class="mui-icon mui-icon-closeempty"></em></li>
30
					       		<li>领域领域领域2<em class="mui-icon mui-icon-closeempty"></em></li>
31
					       		<li>领域领域领域领域3<em class="mui-icon mui-icon-closeempty"></em></li>
32
					       		<li>领域4<em class="mui-icon mui-icon-closeempty"></em></li>
33
					       		<li>领域领1<em class="mui-icon mui-icon-closeempty"></em></li>
34
					       		<li>领域1<em class="mui-icon mui-icon-closeempty"></em></li>
35
					       		<li>领域1<em class="mui-icon mui-icon-closeempty"></em></li>
36
					       	</ul>
37
                        </div>
38
						
39
				    </div>
40
			        
41
		        </div>
42
		    </div>
43
		    
44
		</div>
45
		<script src="../js/public/mui.min.js"></script>
46
		<script type="text/javascript">
47
			mui.init()
48
		</script>
49
	</body>
50
51
</html>

+ 51 - 0
app/html/updateinfo-res03.html

@ -0,0 +1,51 @@
1
<!doctype html>
2
<html>
3
4
	<head>
5
		<meta charset="UTF-8">
6
		<title></title>
7
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8
		<link href="../css/mui.min.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
		    <span class="mui-pull-right topsave">保存</span>
17
		</header>
18
		<div class="mui-content">
19
			
20
		    <div class="mui-input-group marginbox">
21
				<div class="maincon">
22
					<div class="labelbox">
23
						<div class="addlabel mui-clearfix">
24
							<input type="text" class="mui-pull-left frmtype"/>
25
							<button class="mui-btn mui-pull-left addlabelbtn">添加</button>
26
						</div>
27
                        <div class="labelarea">
28
                        	<ul class="labelshow">
29
					       		<li>领域1<em class="mui-icon mui-icon-closeempty"></em></li>
30
					       		<li>领域领域领域2<em class="mui-icon mui-icon-closeempty"></em></li>
31
					       		<li>领域领域领域领域3<em class="mui-icon mui-icon-closeempty"></em></li>
32
					       		<li>领域4<em class="mui-icon mui-icon-closeempty"></em></li>
33
					       		<li>领域领1<em class="mui-icon mui-icon-closeempty"></em></li>
34
					       		<li>领域1<em class="mui-icon mui-icon-closeempty"></em></li>
35
					       		<li>领域1<em class="mui-icon mui-icon-closeempty"></em></li>
36
					       	</ul>
37
                        </div>
38
						
39
				    </div>
40
			        
41
		        </div>
42
		    </div>
43
		    
44
		</div>
45
		<script src="../js/public/mui.min.js"></script>
46
		<script type="text/javascript">
47
			mui.init()
48
		</script>
49
	</body>
50
51
</html>

+ 33 - 0
app/html/updateinfo-res04.html

@ -0,0 +1,33 @@
1
<!doctype html>
2
<html>
3
4
	<head>
5
		<meta charset="UTF-8">
6
		<title></title>
7
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8
		<link href="../css/mui.min.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
		    <span class="mui-pull-right topsave">保存</span>
17
		</header>
18
		<div class="mui-content">
19
			
20
		    <div class="mui-input-group marginbox">
21
				<div class="maincon">
22
					<div class="textareabox borderarea" contenteditable="true"></div> 
23
		        </div>
24
		    </div>
25
		    
26
		</div>
27
		<script src="../js/public/mui.min.js"></script>
28
		<script type="text/javascript">
29
			mui.init()
30
		</script>
31
	</body>
32
33
</html>

+ 33 - 0
app/html/updateinfo-res05.html

@ -0,0 +1,33 @@
1
<!doctype html>
2
<html>
3
4
	<head>
5
		<meta charset="UTF-8">
6
		<title></title>
7
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8
		<link href="../css/mui.min.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
		    <span class="mui-pull-right topsave">保存</span>
17
		</header>
18
		<div class="mui-content">
19
			
20
		    <div class="mui-input-group marginbox">
21
				<div class="maincon">
22
					<div class="textareabox borderarea" contenteditable="true"></div> 
23
		        </div>
24
		    </div>
25
		    
26
		</div>
27
		<script src="../js/public/mui.min.js"></script>
28
		<script type="text/javascript">
29
			mui.init()
30
		</script>
31
	</body>
32
33
</html>

+ 4 - 3
app/index.html

@ -5,6 +5,7 @@
5 5
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 6
    <title></title>
7 7
    <link href="css/mui.min.css" rel="stylesheet"/>
8
    <link href="css/iconfont.css" rel="stylesheet" />
8 9
    <link href="css/app.css" rel="stylesheet"/>
9 10
</head>
10 11
<body>
@ -12,13 +13,13 @@
12 13
    <!--主页面底部菜单-->
13 14
    <nav class="mui-bar mui-bar-tab footbox">
14 15
	    <a class="mui-tab-item mui-active" href="html/index_home.html">
15
	        <span class="mui-icon mui-icon-home"></span>
16
	        <span class="mui-icon iconfont icon-home"></span>
16 17
	    </a>
17 18
	    <a class="mui-tab-item" href="html/consultlist.html">
18
	        <span class="mui-icon mui-icon-chat"></span>
19
	        <span class="mui-icon iconfont icon-community"></span>
19 20
	    </a>
20 21
	    <a class="mui-tab-item" id="isLogin" href="html/myaccount.html">
21
	        <span class="mui-icon mui-icon-person"></span>
22
	        <span class="mui-icon iconfont icon-people"></span>
22 23
	    </a>
23 24
	</nav>
24 25
    <script src="js/public/mui.min.js"></script>