Browse Source

修改完善页面细节

luyanan 8 years ago
parent
commit
d4c3e123b8

+ 62 - 51
app/css/app.css

@ -3,9 +3,10 @@
3 3
.mui-input-group:after{background: none;}
4 4
.mui-table-view:before{ background: none;}
5 5
.mui-table-view:after{ background: none;}
6
.mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;}
6
/*.mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;}*/
7 7
/*.mui-table-view-cell .mui-media-body{padding-bottom:10px; border-bottom:1px solid #CCCCCC;}*/
8 8
.mui-input-group .mui-input-row:last-child:after{ background: none;}
9
.mui-input-group .mui-input-row:after{left:10px; background-color: #E6E6E6;}/*登录注册等表单的横线*/
9 10

10 11
.mui-popover{ border-radius:0;}
11 12
/*弹出框样式popup*/
@ -18,12 +19,13 @@
18 19
.mui-popup-button:hover{background: #FF9900;color:#FFFFFF;}
19 20

20 21
a{text-decoration:none;color:#007aff}a:active{color:#0062cc}
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
.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;border:1px solid #ff9900;}
22 23
/*///////////////common公共样式///////////////////////*/
23 24
body{ color: #666666; font-size:14px;}
24 25
.floatL{ float: left;}
25 26
.floatR{ float: right;}
26
.marginbox{ margin: 10px 0; padding:0 10px; }
27
.marginbox{ margin: 10px 0; padding:0; }
28
.marginbox:first-child{margin: 0;}
27 29
.mainbox{width: 96%; margin:2% auto;}
28 30
.mainbox:before{ position:static;}
29 31
/*div模拟textarea多行文本框*/
@ -36,18 +38,18 @@ body{ color: #666666; font-size:14px;}
36 38
.actionicon{/*display: block; width: 20px; height: 20px;*/ font-size:20px;margin-right:6px;}
37 39
/*主题色开关样式*/
38 40
.witchbg.mui-active{border:2px solid #FF9900; background-color:#FF9900;}
39
.witchbg{ height: 30px;}
40
/*.witchbg .mui-switch-handle{ width: 24px; height: 24px;left: 4px;transition-duration: 0.2s;transform: translate(-4px, 0px);}*/
41
.witchbg{ height: 22px;width:38px;}
42
.witchbg .mui-switch-handle{ width: 20px; height: 20px;/*left: 4px;*/transition-duration: 0.2s;transform: translate(-4px, 0px);}
41 43

42 44
/*列表右侧无箭头*/
43 45
.rightnone:after{ right: 15px;content:none;}
44
.rightnone{line-height: 30px;}
46
.rightnone{}
45 47
/*小标签提示*/
46 48
.litlabel .listtit2{ color: #AAAAAA;}
47 49

48 50
/*顶部标题栏*/
49 51
.toptitbox{ background:#FF9900; }
50
.topback{color: #FFFFFF;}
52
.topback.mui-icon{color: #FFFFFF; font-size:30px; line-height: 24px;}
51 53
.topmore {position:relative;color: #FFFFFF;
52 54
	/*filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
53 55
	-moz-transform: rotate(90deg);
@ -55,7 +57,7 @@ body{ color: #666666; font-size:14px;}
55 57
	-webkit-transform: rotate(90deg);
56 58
	transform: rotate(90deg);*/
57 59
}
58
.topmore.mui-icon{ font-size:22px; line-height:24px;}
60
.topmore.mui-icon{ font-size:24px; line-height:24px;}
59 61
.topmore .sharebox{padding:0; margin: 0; position: absolute;display: none;}
60 62
.topmore .sharebox li{list-style: none;}
61 63

@ -70,13 +72,14 @@ body{ color: #666666; font-size:14px;}
70 72
/*input输入相关*/
71 73
.frmbox{ width: 100%; margin:2% auto; border-radius: 6px; }
72 74
.frmtype{ width: 100%; margin: auto; padding:2%;font-size: 14px;}
73
.frmbtn{margin:4% auto;  font-size: 16px; padding:2%;border:1px solid #FF9900; border-radius: 6px; color:#FF9900 ;}
75
.frmbtn{margin:4% auto;  font-size: 14px; padding:2%;border:1px solid #FF9900; border-radius: 6px; color:#FF9900 ;}
74 76
/*.frmbtn:hover{border:1px solid #FF9900; color:#FFFFFF;background-color:#FF9900;}*/
75
.frmbox{ border:none; width: 90%; height: 100%; } 
76
.frmactive2{color:#fff;background-color:#ccc; border:1px solid transparent;}
77
.frmbox{ border:none; width: 90%;height: 100%; } 
78
.frmactive2{color:#f0f0f0;background-color:#d6d6d6; border:1px solid #d6d6d6;}
77 79
.frmactive{color:#fff;background-color:#FF9900; border:1px solid #FF9900;}
78 80
.frmactiveok{color:#fff;background-color:#FF9900; border:1px solid #FF9900;}
79
.exitbtn{ border:none; margin: 0; color:#FF0000; font-size: 14px; line-height: 28px; border-radius: 0;}
81
.exitbox{ text-align: center;margin-top:40px;}
82
.exitbtn{ border:none; margin: 0; color:#FF0000; font-size: 14px; line-height: 40px; border-radius: 0;}
80 83

81 84
.pompmsg{ font-size: 12px; color: #CCCCCC;}
82 85
/*///////////////common公共样式///////////////////////*/
@ -85,9 +88,9 @@ body{ color: #666666; font-size:14px;}
85 88
/*关闭*/
86 89
.closebtn{ position: relative;border:1px transparent solid;}
87 90
/*.closeicon{background: url(../images/workclose.png) center center no-repeat; background-size: 100% 100%;  width: 30px; height: 30px; position: absolute;right:5%; top:20px;}*/
88
.closeicon{font-size: 60px; color:#999999; position: absolute;right:1%; top:14px;}
91
.closeicon{font-size: 50px; color:#999999; position: absolute;right:1%; top:14px;}
89 92

90
.frmbox .frm-input{/*height:60px;*/width:98%;height: 0;height: 100%;padding: 2% 0;}
93
.frmbox .frm-input{/*height:60px;*/width:100%;height: 0;height: 100%;padding: 2% 0;}
91 94
.frmbox .frm-input .frmtype{ height: 0; height: 100%;}
92 95
.frmbox .frm-input .frmtypel{ height: 0;height: 100%; width: 90%;}
93 96
/*logo盒子的相关*/
@ -95,7 +98,9 @@ body{ color: #666666; font-size:14px;}
95 98
.logolink{display: block;width:40%;margin: auto;}
96 99
.logoimg{ width: 100%; margin: auto; text-align:center;}
97 100
/*忘记密码*/
98
.forgetword{ position: absolute;top: 50%; margin-top:-16px;right: 2px;padding:6px 20px;line-height: 20px; font-size: 14px; background: #f0f0f0; color: #AAAAAA; border-radius: 6px;}
101
.forgetword{ position: absolute;top: 50%; margin-top:-14px;right: 2%;padding:4px 10px;line-height: 20px; font-size: 13px; background: #f0f0f0;border:1px solid #f0f0f0; color: #AAAAAA; border-radius: 6px;}
102
.forgetword2{ background: #FF9900;border:1px solid #FF9900; color: #FFFFFF;}
103
.forgetword em{font-size:16px; line-height:16px; margin-left:3px;}
99 104
.forgeticon{ background: url(../images/forget.png) center center no-repeat; background-size: 100% 100%;padding:2%; position: absolute; margin-top:-2%;}
100 105
.passwordbox .frmtypel~.mui-icon-clear{right:4%; top:50%; margin-top: -2%;}
101 106

@ -112,8 +117,8 @@ body{ color: #666666; font-size:14px;}
112 117
.qqicon{color:#0093DD;}
113 118
/*用户协议*/
114 119
.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; }
120
.protocolbox .mui-icon{ font-size:14px; line-height: 24px;}
121
.protocolbox label{position: relative; font-size: 13px; }
117 122
/*.agreeicon{width:20px; height:20px;}*/
118 123
.agreecheck{font-size:30px; line-height: 30px; color: #FF9900 ;}
119 124
.protocollink{ color: #FF9900;}
@ -133,7 +138,7 @@ body{ color: #666666; font-size:14px;}
133 138
.maincon .basicinfo li label{ position: relative; color: #888888; line-height:30px;}
134 139
.maincon .basicinfo li small{ color:#AAAAAA;}
135 140

136
.fillbox{margin-top:20%;}
141
.fillbox{margin-top:20%;padding:4% 0;}
137 142
.maincon .headbox3{width:100px; height: 100px;position: absolute;top:-14%; left: 50%; margin-left: -50px;border-radius: 50%;border:2px #FFFFFF solid;box-shadow: 1px 1px 2px 1px #F0F0F0; overflow: hidden;background: url(../images/default-photo.jpg); background-size:100% 100%;}
138 143
.headbox3 .headimg3{width:100%; height: 100%;}
139 144
.headbox3 .headimglink{position: absolute;bottom: 0; display: block; background: url(../images/take-photo.png) center center no-repeat rgba(0,0,0,.4);width: 100%; height:100%;z-index: 4;}
@ -145,6 +150,7 @@ body{ color: #666666; font-size:14px;}
145 150
/***********************登录注册相关页面*******************/
146 151

147 152
/***********************首页*******************/
153
.searchbox {width: 96%;margin: auto;}
148 154
.searchbox .mui-placeholder .mui-icon-search{font-size:18px; color: #999999;}
149 155
.mui-search input[type=search].searchtxt{background: #FFFFFF;}
150 156
.mui-search .mui-placeholder{ font-size: 14px; top:2px }
@ -154,10 +160,12 @@ body{ color: #666666; font-size:14px;}
154 160
.mui-grid-view.gridbg{ background: #FFFFFF; border: none;}
155 161
.mui-grid-view.gridbg .mui-table-view-cell{ border:none; padding: 10px 4px;}
156 162
.mui-grid-view.gridbg .mui-table-view-cell .mui-media-body{ font-size: 12px;}
163
.mui-table-view.gridbg:after{height:0;}
157 164
/*热门领域*/
158 165
.fieldicon{ overflow: hidden;width:40px; height:40px;margin: auto;}
159 166
.fieldicon img{width: 100%;}
160 167
/*热门专家*/
168
.mui-table-view-cell.prolist:after{/*background:#C0C0C0*//*#c8c7cc*/;}
161 169
.protable:before{ background-color:transparent;}
162 170
.listtit .unauthicon{margin-left:4px;font-size: 14px; color:#C0C0C0; }
163 171
.listtit .authicon{margin-left:4px;font-size: 14px;color:#FF9900;}
@ -167,7 +175,7 @@ body{ color: #666666; font-size:14px;}
167 175
.listtit3{font-size: 12px; color: #888888;}
168 176
.mui-media .headimg{ border-radius: 50%; max-width:60px; height:60px; margin: 1% 0;}
169 177
.mui-media .resimg{border-radius:2px; max-width:60px; height:60px; margin: 1% 0;}
170
.mui-table-view-cell>a.proinfor{ white-space:normal; overflow: auto; overflow: hidden; }
178
.mui-table-view-cell>a.proinfor{ white-space:normal; overflow: auto;position: relative; overflow: hidden; }
171 179
/***********************首页*******************/
172 180

173 181
/***********************专家信息浏览*******************/
@ -176,17 +184,17 @@ body{ color: #666666; font-size:14px;}
176 184
/*咨询记录及等级*/
177 185
.peolevelbox{ display: block; padding:4% 16px; border-top:1px #F0F0F0 solid;}
178 186
.peocountbox{width: 150px;}
179
.peocount {font-size: 13px; color:#888888 ; overflow:hidden; }
187
.peocount {/*font-size: 13px;*/ color:#888888 ; overflow:hidden; }
180 188
.peocount span em{font-size: 14px; padding: 0 3px; color: #FF9900; font-weight: 600;}
181
.peocount .dialogicon{ font-size: 16px;line-height:20px; color: #FF9900;}
182
/*.peocount .dialogicon{ display: block; width: 20px; height: 20px; background: url(../images/dialogue.png) center center no-repeat; background-size:100% 100% ; margin-right:6px;}*/
189
.peocount .dialogicon{ /*font-size: 16px;line-height:20px; */color: #FF9900;}
190
.peocount:before{position: absolute;right: 0; top: 0;left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5);background-color: #c8c7cc;}
183 191
.levelbox{margin: auto; overflow: hidden; }
184 192
.levelbox .mui-icon{ font-size: 14px; color: #CCCCCC;}
185 193
.levelbox .icon-favorfill{ color:#F4C600;}
186 194
/*.levelbox .star{ float: left; width:14px; height: 14px; background: url(../images/staricon.png) center center no-repeat;background-size:100% 100% ;}*/
187 195
/*专家相关信息*/
188 196
.infocontit{font-size:14px; position: relative;}
189
.infocon{padding:6px 10px; /*text-align: justify;*/ font-size: 13px;}
197
.infocon{padding:6px 10px; /*text-align: justify;*/ font-size: 13px; color:#888888;}
190 198
.infocon ul{ padding:0; margin: 0; overflow: hidden;}
191 199
.infosubject li{ list-style: none; padding:4px 10px; padding-right:20px; margin:4px; border:1px solid #BBBBBB; border-radius: 6px; float: left;}
192 200

@ -234,8 +242,8 @@ body{ color: #666666; font-size:14px;}
234 242
/***********************我的账户*******************/
235 243
.headbox2{ overflow: hidden; position: relative;}
236 244
.headbox2 .proinfor{ display: block; width: 100%;overflow: hidden;}
237
.headbox2 .headimg2{width:24%;border-radius:50%;margin: 6px 0; }
238
.headbox2 .infobasic{ margin: 6px 4%; }
245
.headbox2 .headimg2{width:24%;border-radius:50%;margin: 2%; }
246
.headbox2 .infobasic{ margin: 6px 4%;position:absolute; left:25%; top:50%; margin-top: -40px;}
239 247
.headbox2 .infobasic .listtit{ font-size: 18px;}
240 248
.headbox2 .infobasic .listtit2{ margin: 4px 0;}
241 249
.headbox2 .updatebtn{position: absolute; top:50%; margin-top: -12px; right:10px;  }
@ -248,14 +256,15 @@ body{ color: #666666; font-size:14px;}
248 256
.addicon{ color:#00AAEF;/*background: url(../images/personadd.png) center center no-repeat;background-size:100% 100% ;*/}
249 257
.seticon{color:#ACACB4;/*background: url(../images/set.png) center center no-repeat;background-size:100% 100% ;*/}
250 258
.attenticon{ color:#FF9900;/*background: url(../images/attenticon.png) center center no-repeat;background-size:100% 100% ;*/}
251
.rightword{ position: absolute; right:40px; font-size:13px;}
259
.rightword{ position: absolute; right:40px; font-size:13px; color: #999999;}
252 260
/*已认证*/
253 261
.verified{ color: #FF9900;}
254 262
.authword{ padding:2px 6px; margin-left:6px; background: #FF9900; border-radius:4px; color: #FFFFFF; font-size: 12px;}
255 263
/*我的关注*/
256 264
.fixbox{ background: #FFFFFF;}
257 265
.fixbox .fixbtn{ padding:0; margin: 0; overflow: hidden;}
258
.fixbox .fixbtn li{ list-style: none; float: left; padding:6px 10px; border:1px solid #F0F0F0; width:50%;text-align: center;font-size: 14px;height: 32px;}
266
.fixbox .fixbtn li{ list-style: none; float: left; padding:6px 10px; border-bottom:1px solid #F0F0F0;text-align: center;font-size: 14px;height: 32px;}
267
.fixbox .fixbtn li:first-child{ border-right:1px solid #F0F0F0;}
259 268
.fixbox .fixbtn li.liactive{ color: #FF9900;border-bottom-color: #FF9900;}
260 269
.childlist{ display: none;}
261 270
/*合作历史及评价*/
@ -299,14 +308,14 @@ body{ color: #666666; font-size:14px;}
299 308
/***********************专家信息修改*******************/
300 309

301 310
/***********************搜索*******************/
302
.searchbox2{width:92%;background: #FFFFFF; border-radius: 6px; height: 30px;  margin:8px 0;/*overflow: hidden;*/}
303
.searchbox2 .searchselect{width: 24%; position:relative;}
311
.searchbox2{width:85%;background: #FFFFFF; border-radius: 6px; height: 30px;  margin:7px 2%;/*overflow: hidden;*/}
312
.searchbox2 .searchselect{width: 24%; position:relative; }
304 313
/*.searchbox2 .searchselect .mui-select{width:100%; padding:8% 10%; padding-left:18%;margin: auto; background: none;}*/
305
.searchbox2 .searchselect em{position: absolute; right:30%; top:-8%; font-size: 16px;color:#999999; width: 0; height: 0; z-index: 0;}
306
.searchbox2 .searchtxt2{width: 76%;height: 22px; margin: 6px 0; line-height: 20px; border: none; border-radius: 0; border-left:1px solid #CCCCCC; font-size:13px;}
307
.simuselect{position:relative;}
308
.ulbox{ padding: 0 16px;font-size: 13px;color:#999999;line-height: 32px;cursor:pointer; position:relative;} 
309
.lishow{ padding:0; margin:0;background:#fff;overflow: hidden; border-radius:2px;position:absolute; top:30px;right:0px; width:100%;box-shadow: 0px 0px 3px #ccc inset;z-index: 9999;display:none;} 
314
.searchbox2 .searchselect em{position: absolute; right:30%; top:-8%; font-size: 13px; line-height:18px;color:#999999; width: 0; height: 0; z-index: 0;}
315
.searchbox2 .searchtxt2{width: 76%;height: 22px; line-height:20px; margin: 5px 0; border: none; border-radius:0 6px 6px 0; border-left:1px solid #CCCCCC; font-size:13px;}
316
.simuselect{position:relative;z-index: 30;}
317
.ulbox{padding-left: 24%;font-size: 13px;color:#999999;line-height: 32px;cursor:pointer; position:relative;} 
318
.lishow{ padding:0; margin:0;background:#fff;overflow: hidden; border-radius:0 0 2px 2px;position:absolute; top:26px;right:0px; width:100%;box-shadow: 0px 0px 3px #ccc inset;z-index: 9999;display:none;} 
310 319
.lishow li{list-style: none; font-size: 13px;line-height:30px; list-style:none; padding:2px 16px; margin-top:1px;cursor: pointer;} 
311 320
.lishow li:hover{ background:#f0f0f0;} 
312 321

@ -327,22 +336,23 @@ body{ color: #666666; font-size:14px;}
327 336
/*.hide { display: none; } */
328 337
.backTop{ background: #DDDDDD; border-radius: 50%; position: fixed; right: 10px; bottom: 15px; width: 38px; height: 38px; z-index: 9999; text-align: center; font-size: 24px; color: #666666; padding-top: 8px; opacity: 0.8; }
329 338

330
.filterbox{}
331
.filterblock{padding:0; margin: 0; margin-top:2px ; background:#FFFFFF;overflow: hidden;}
332
.filterblock li{list-style:none; float: left; border-right:1px solid #F0F0F0;} 
339
.filterbox{ position: fixed; z-index:2; width: 100%;}
340
.filterblock{padding:0; margin: 0;background:#FFFFFF;overflow: hidden;}
341
.filterblock li{list-style:none; float: left; border-right:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;} 
333 342
.filterblock li em{ font-size:18px; margin:0 2px;}
334
.filterlist{ padding:0; margin: 0; border:none; border-radius:0;padding:6px 6px 6px 12px;font-size: 13px;height: 32px;}
343
.filterlist{ padding:0; margin: 0; border:none; border-radius:0;padding:6px 6px 6px 12px;font-size: 13px;}
335 344
/*筛选条件*/
336
.popoverbox2 {border-radius:4px;width:0;height:0;width:100%;height:200px;font-size: 14px; }
345
.popoverbox2 {border-radius:4px;width:0;height:0;width:100%;height:200px;font-size: 13px; }
337 346
.popoverbox2 .mui-popover-arrow{left:50%; margin-left:-12px;}
338 347
.popoverbox2 .mui-table-view{padding:4px;border-radius: 0; overflow: hidden;}
339
.popoverbox2 .mui-table-view-cell{float:left;padding:8px 16px; width:40%; margin:2px 2%;border-radius:2px;}
340
.popoverbox2 .mui-table-view-cell>a:not(.mui-btn){position: relative;}
348
.popoverbox2 .mui-table-view-cell{text-align: center;float: left; margin:4px 4%;border-radius:4px;}
349
.popoverbox2 .mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;}
350
.popoverbox2 .mui-table-view-cell>a:not(.mui-btn){/*position: relative;*/padding: 4px;border-radius:4px;border: 1px solid #CCCCCC;color:#888888;}
341 351
.popoverbox2 .mui-table-view-cell .mui-navigate-right:after { position:absolute;right: 0; color:#FF9900;font-size: 24px;}
342 352
.popoverbox2 .mui-table-view .mui-table-view-cell:last-child,.popoverbox2 .mui-table-view .mui-table-view-cell:last-child>a:not(.mui-btn){border-radius:4px;}
343 353
.popoverbox2 .mui-table-view .mui-table-view-cell:first-child,.popoverbox2 .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn){border-radius:4px;}
344 354
.popoverbox2 .mui-table-view .mui-table-view-cell{border-radius:4px; overflow: hidden; }
345
.popoverbox2 .mui-table-view .mui-table-view-cell>a:not(.mui-btn).mui-active{background:#FF9900; color: #FFFFFF;}
355
.popoverbox2 .mui-table-view-cell>a:not(.mui-btn).mui-active{background:#FF9900; color: #FFFFFF;border:1px solid #FF9900;}
346 356
/*城市选择级联*/
347 357
.menublock{ position: relative; }
348 358
.menuposition.mui-popover .mui-scroll-wrapper{ margin: 0;}
@ -359,9 +369,9 @@ body{ color: #666666; font-size:14px;}
359 369
/*********************** 咨询*******************/
360 370
.consultbox{ padding:20px 0px 20px 0px;}
361 371

362
.consultaim{ text-align: center; margin: auto; }
363
.consultaim ul{padding: 0; margin: 0; overflow: hidden; margin:1% auto; padding:0 4%; }
364
.consultaim ul li{ list-style: none;float: left; padding:2px 16px;border:#CCCCCC 1px solid;border-radius: 6px; margin:1%; font-size: 13px;}
372
.consultaim{ text-align: center; margin: auto;position:relative;width:100%; }
373
.consultaim ul{padding: 0; margin: 0;padding:2%; width:70%; position:relative; left:50%;margin-left:-34%; overflow: hidden;}
374
.consultaim ul li{ list-style: none;float: left; width:100px; padding:2px 16px;border:#CCCCCC 1px solid;border-radius: 6px; margin:1%; font-size: 13px;}
365 375
.consultaim ul .liactive{ border:1px solid #6CA8FF;padding-left:28px; color: #6CA8FF;position: relative;}
366 376
.consultaim ul .liactive em{ display:block;position: absolute; left:10px; top:50%;margin-top: -8px; width:16px; height:16px;background: url(../images/selected.png) center center no-repeat; background-size:100% 100% ;}
367 377
.divline{border-top:1px solid #F0F0F0; width: 100%; height: 1px;} 
@ -381,16 +391,16 @@ body{ color: #666666; font-size:14px;}
381 391
.operatebtn{padding:2% 4%; margin: 0; position: absolute;right:0; font-size: 13px; line-height: 20px;}
382 392

383 393

384
.filterbox2{}
385
.filterblock2{padding:0; margin: 0; margin-top:2px ; background:#FFFFFF;overflow: hidden;}
394
.filterbox2{ position: fixed; z-index:2; width: 100%;}
395
.filterblock2{padding:0; margin: 0; background:#FFFFFF;overflow: hidden;}
386 396
.filterblock2 li{list-style:none; position: relative; float: left; border-right:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0;} 
387 397
.filterblock2 li select{  margin:0 2px;}
388
.filterlist2{ padding:0; margin: 0; border:none; border-radius:0;padding:6px;font-size: 13px;height: 32px;}
398
.filterlist2{ padding:0; margin: 0; border:none; border-radius:0;padding:6px;font-size: 13px;}
389 399

390 400
.coutopicbox{ position: relative; background: #F0F0F0; margin-bottom: 10px; width:110%; margin-left:-16px; padding:4%; overflow: hidden;}
391 401
.coutopicbox .coutheme{ max-width: 60%;}
392 402

393
.coutopicbox .coustatus span{ font-size: 12px; padding:4px 10px; color: #FFFFFF; border-radius: 6px;}
403
.coutopicbox .coustatus span{ font-size: 12px; padding:4px 10px; margin: 0 2px; color: #FFFFFF; border-radius: 6px;}
394 404
.coutopicbox .aimlabel{background:#6CA8FF;}
395 405
.coutopicbox .status-1{background:#FF9900;}/*咨询状态*/
396 406
.coutopicbox .status-2{background:#dd524d;}
@ -405,8 +415,9 @@ body{ color: #666666; font-size:14px;}
405 415
.evabox .levelbox{ width:100px;}
406 416
.evabox .levelbox .mui-icon{ font-size: 12px; }
407 417
/*咨询列表下拉菜单*/
408
.popoverbox {border-radius: 6px;width:0;height:0;min-width: 100px;min-height:110px;font-size: 13px; }
418
.popoverbox {border-radius: 4px;width:0;height:0;min-width: 100px;height:140px;font-size: 13px; }
409 419
.popoverbox .mui-popover-arrow{top: -22px;width: 22px;height: 22px; left:50%; margin-left:-12px;}
420
.popoverbox .mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;}
410 421
.popoverbox .mui-table-view-cell{padding:8px 14px;/* text-align: center;*/}
411 422
.popoverbox .mui-table-view-cell>a:not(.mui-btn){ margin-right:-12%;position: relative;}
412 423
.popoverbox .mui-table-view-cell .mui-navigate-right:after { position:absolute;right: 0; color:#FF9900;font-size: 24px;}
@ -417,7 +428,7 @@ body{ color: #666666; font-size:14px;}
417 428
.restopblock{ overflow: hidden; padding:14px 10px; background: #FFFFFF;}
418 429
.resouimgbox{width: 56%; margin-right:10px;}
419 430
.resouimgbox img{ width: 100%;margin: auto;}
420
.personblock{ padding:8px 2px; text-align: center; width:40%;}
431
.personblock{ position:absolute;top:50%; margin-top:-88px ;left:56%; padding:8px 2px; text-align: center; width:40%;}
421 432
.personblock p{ margin-bottom: 4px;}
422 433
.personblock .headimg{ width:40%; border-radius: 50%;overflow: hidden;}
423 434


+ 2 - 2
app/html/attentions.html

@ -21,8 +21,8 @@
21 21
    	<!-- 主界面具体展示内容 -->
22 22
		<div class="fixbox">
23 23
			<ul class="fixbtn" id="fixbtn">
24
				<li index="0" class="liactive">专家</li><!--当前选中状态    'liactive'-->
25
				<li index="1">资源</li>
24
				<li index="0" class="mui-col-xs-6 liactive">专家</li><!--当前选中状态    'liactive'-->
25
				<li index="1" class="mui-col-xs-6">资源</li>
26 26
			</ul>
27 27
		</div>
28 28
		<div class="alllist">

+ 11 - 27
app/html/consultapply.html

@ -9,14 +9,14 @@
9 9
		<link href="../css/app.css" rel="stylesheet" />
10 10
	</head>
11 11
	
12
	<body>
12
	<body style="background: #FFFFFF;">
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
		    <h1 class="mui-title toptit">联系专家</h1>
15
		    <h1 class="mui-title toptit">咨询</h1>
16 16
		</header>
17 17
		<div class="mui-content">
18 18
			<!-- 主界面具体展示内容 -->
19
			<div class="marginbox">
19
			<div class="mui-input-group marginbox">
20 20
				<div class="personinfo2">
21 21
					<div class="headbox2" >
22 22
					    <a class="proinfor" href="proinforbrow.html">
@ -28,9 +28,7 @@
28 28
		                    </div>
29 29
		                </a>
30 30
			        </div>
31
		        </div>
32
		    </div>
33
    		<div class="mui-input-group  marginbox">
31
		       </div>
34 32
		        <div class="mui-clearfix peolevelbox">
35 33
		        	<div class="mui-pull-left peocountbox">
36 34
		        		<div class="peocount mui-clearfix">
@ -47,9 +45,10 @@
47 45
		        	</div>
48 46
		        </div>
49 47
		    </div>
48
    		
50 49
			<div class="mui-input-group marginbox consultbox">
51 50
				<div class="consultaim">
52
					<div>请选择您的联系目的</div>
51
					<div>请选择您的咨询类型</div>
53 52
					<ul class="aimclass">
54 53
						<li class="liactive"><em></em>技术咨询</li>
55 54
						<li><em></em>资源咨询</li>
@ -58,7 +57,7 @@
58 57
				</div>
59 58
				<div class="divline"></div>
60 59
				<div class="consultinfo">
61
					<div class="maincon" style=>
60
					<div class="maincon">
62 61
						<ul class="basicinfo" style="padding:0;">
63 62
							<li><label>咨询主题<em class="requiredcon"></em></label></li>
64 63
							<li class="basicfrm"><input type="text" name="comname" class="mui-input-clear frmtype"></li>
@ -69,26 +68,11 @@
69 68
						</ul>
70 69
			       </div>
71 70
				</div>
72
				
73
				<!--<table class="consultinfo">
74
					<tr>
75
						<td><span>咨询主题</span></td>
76
						<td><input type="text"/></td>
77
					</tr>
78
					<tr>
79
						<td><span>咨询内容</span></td>
80
						<td><textarea></textarea></td>
81
					</tr>
82
					<tr>
83
						<td colspan="2" class="sendbox">
84
							<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn sendbtn">发送</button>
85
						</td>
86
					</tr>
87
				</table>-->
71
				<div class="mui-input-group">
72
					<button class="mui-btn mui-btn-block frmbtn" style="width: 90%;">发送</button>
73
			   </div>
88 74
		    </div>
89
		    <div class="mui-input-group">
90
				<button class="mui-btn mui-btn-block frmbtn" style="border: none; border-radius: 0; line-height: 28px;">发送</button>
91
		   </div>
75
		    
92 76
		</div>
93 77
		<script src=" ../js/public/mui.min.js"></script>
94 78
		<script type="text/javascript">

+ 87 - 0
app/html/coophistory-other.html

@ -0,0 +1,87 @@
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <meta charset="utf-8">
5
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6
    <title></title>
7

8
    <link href="../css/mui.min.css" rel="stylesheet"/>
9
    <link href="../css/iconfont.css" rel="stylesheet" />
10
    <link href="../css/app.css" rel="stylesheet"/>
11
</head>
12
<body>
13
	<!-- 主页面标题 -->
14
    <header class="mui-bar mui-bar-nav toptitbox">
15
		<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></span>
16
		<h1 class="mui-title toptit">合作历史及评价</h1>
17
	</header>
18
	
19
    <!-- 主页面内容容器 -->
20
    <div class="mui-content">
21
    	
22
        <!--图文列表-->
23
        <div class="mui-card-content conblock">
24
	        <ul class="mui-table-view protable">
25
	            <li class="mui-table-view-cell mui-media">
26
	                <a class="proinfor" href="../html/proinforbrow.html">
27
	                	<div class="mui-pull-left lefthead">
28
	                    	<img class="mui-media-object headimg" src="../images/default-photo.jpg">
29
	                    	<p class="listtit0">专家姓名</p>
30
	                	</div>
31
	                    <div class="mui-media-body">
32
	                    	<div class="contit">
33
	                        	<span class="listtit3">2016年11月3日 10:00</span>
34
	                        	<div class="conresoult">
35
	                        		<div class="levelbox">
36
						        		<span class="mui-icon iconfont icon-favorfill"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
37
						        		<span class="mui-icon iconfont icon-favorfill"></span>
38
						        		<span class="mui-icon iconfont icon-favorfill"></span>
39
						        		<span class="mui-icon iconfont icon-favor"></span>
40
						        		<span class="mui-icon iconfont icon-favor"></span>
41
						        	</div>
42
	                        	</div>
43
	                        </div>
44
	                    	<p class="listtit2 conbrief" style="max-height:64px;">
45
	                    		Lorem ipsum dolor sit amet, consectetur adipiscng elit. Aenean euismod bibendum laoreet. Proin ds.Lorem ipsum dolor sit amet, consectetur adipiscng elit. Aenean euismod bibendum laoreet. Proin ds.
46
	                    	</p>
47
	                    	
48
	                    </div>
49
	                </a>
50
	            </li>
51
	            <li class="mui-table-view-cell mui-media">
52
	                <a class="proinfor" href="../html/proinforbrow.html">
53
	                	<div class="mui-pull-left lefthead">
54
	                    	<img class="mui-media-object headimg" src="../images/default-photo.jpg">
55
	                    	<p class="listtit0">专家姓名</p>
56
	                	</div>
57
	                    <div class="mui-media-body">
58
	                    	<div class="contit">
59
	                        	<span class="listtit3">2016年11月3日 10:00</span>
60
	                        	<div class="conresoult">
61
	                        		<div class="levelbox">
62
						        		<span class="mui-icon iconfont icon-favorfill"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
63
						        		<span class="mui-icon iconfont icon-favorfill"></span>
64
						        		<span class="mui-icon iconfont icon-favorfill"></span>
65
						        		<span class="mui-icon iconfont icon-favor"></span>
66
						        		<span class="mui-icon iconfont icon-favor"></span>
67
						        	</div>
68
	                        	</div>
69
	                        </div>
70
	                    	<p class="listtit2 conbrief" style="max-height:64px;">
71
	                    		Lorem ipsum dolor sit amet, consectetur adipiscng elit. Aenean euismod bibendum laoreet. Proin ds.Lorem ipsum dolor sit amet, consectetur adipiscng elit. Aenean euismod bibendum laoreet. Proin ds.
72
	                    	</p>
73
	                    	
74
	                    </div>
75
	                </a>
76
	            </li>
77
	        </ul>
78
		</div>
79
		<!--<a id="scrollToTop" class="backTop hide"> <span class="mui-icon mui-icon-arrowup"></span> </a>-->
80
		
81
    </div>
82
    <script src="../js/public/mui.min.js"></script>
83
    <script type="text/javascript" charset="utf-8">
84
		mui.init()
85
	</script> 	 
86
</body>
87
</html>

+ 1 - 1
app/html/fillinfo.html

@ -15,7 +15,7 @@
15 15
		</header>
16 16
		<div class="mui-content">
17 17
		    <div class="mui-input-group mainbox fillbox">
18
				<div class="maincon" style="margin: 0;">
18
				<div class="maincon" style="margin: 0;padding:4% 0;">
19 19
					<div class="headbox3">
20 20
						<a href="javascript:;" class="headimglink"></a>
21 21
			        </div>

+ 1 - 1
app/html/findpwd-phone.html

@ -22,7 +22,7 @@
22 22
			        </div>
23 23
			        <div class="mui-input-row frm-input" id="frm-input">
24 24
						<input type="number" class="mui-input-clear frmtype" placeholder="请输入验证码" id="userCode">
25
						<a class="forgetword" id="obtain-code">获取验证码</a>
25
						<a class="forgetword forgetword2" id="obtain-code">获取验证码</a>
26 26
					    <a class="forgetword" id="getcodeoff" style="display:none;"></a>
27 27
					</div>
28 28
			    </form>

+ 3 - 3
app/html/index_home.html

@ -13,7 +13,7 @@
13 13
<!-- 主页面标题 -->
14 14
<header class="mui-bar mui-bar-nav toptitbox">
15 15
    <div class="mui-input-row mui-search searchbox">
16
	    <input type="search" class="mui-input-clear searchtxt" placeholder="搜索专家、设备资源" id="search">
16
	    <input type="search" class="mui-input-clear searchtxt" placeholder="搜索专家、合作资源" id="search">
17 17
	</div>
18 18
</header>
19 19
 <!-- 主页面内容容器 -->
@ -70,7 +70,7 @@
70 70
        <!-- 九宫格排版-->
71 71
        <div class="mui-card-content conblock">
72 72
        	<div class="maintitbox">
73
        		<h4 class="maintit">热门领域</h4>
73
        		<div class="maintit">热门领域</div>
74 74
        	</div>
75 75
	        <ul class="mui-table-view mui-grid-view mui-grid-9 gridbg">
76 76
		        <li class="mui-table-view-cell mui-media mui-col-xs-4">
@ -126,7 +126,7 @@
126 126
        <!--图文列表-->
127 127
        <div class="mui-card-content conblock">
128 128
        	<div class="maintitbox">
129
        		<h4 class="maintit">热门专家</h4>
129
        		<div class="maintit">热门专家</div>
130 130
        	</div>
131 131
			
132 132
			<div id="pullrefresh" class="mui-content mui-scroll-wrapper">

+ 11 - 16
app/html/login.html

@ -17,7 +17,7 @@
17 17
		</div>
18 18
		<div class="mui-content">
19 19
			<div class="logobox">
20
				<a class="logolink" href="../index.html">
20
				<a class="logolink" href="javascript:;">
21 21
					<img class="logoimg" src="../images/logo.png" />
22 22
				</a>
23 23
			</div>
@ -27,7 +27,7 @@
27 27
		        </div>
28 28
		        <div class="mui-input-row frm-input">
29 29
					<input id='password' type="password" class="mui-input-clear frmtype" placeholder="请输入密码">
30
					<a id='forgetPassword' class="forgetword">忘记密码</a>
30
					<span id='forgetPassword' class="forgetword forgetword2">忘记密码<em class="mui-icon mui-icon-help"></em></span>
31 31
				</div>
32 32
		    </form>
33 33
		    
@ -36,20 +36,15 @@
36 36
				<button id='reg' class="mui-btn mui-btn-block mui-btn-outlined frmbtn">注&nbsp;册</button>
37 37
			</div>
38 38
			
39
			<div class="quickbox">
40
				<!--<div class="borderline"><div></div></div>-->
41
				<span class="borderword">直接登录</span>
42
				<!--<div class="quickway">
43
					<span class="quickicon weixinicon"><img src="../images/weixin.png" alt="weixin"/></span>
44
					<span class="quickicon weiboicon"><img src="../images/sinaweibo.png" alt="weibo"/></span>
45
					<span class="quickicon qqicon"><img src="../images/qq.png" alt="qq"/></span>	
46
				</div>-->
47
				<div class="quickway">
48
					<span class="mui-icon mui-icon-weixin quickicon weixinicon"></span>
49
					<span class="mui-icon mui-icon-weibo quickicon weiboicon"></span>
50
					<span class="mui-icon mui-icon-qq quickicon qqicon"></span>	
51
				</div>
52
			</div>
39
			<!--<div class="quickbox">
40
				
41
				<span class="borderword">直接登录</span>
42
				<div class="quickway">
43
					<span class="mui-icon mui-icon-weixin quickicon weixinicon"></span>
44
					<span class="mui-icon mui-icon-weibo quickicon weiboicon"></span>
45
					<span class="mui-icon mui-icon-qq quickicon qqicon"></span>	
46
				</div>
47
			</div>-->
53 48
			
54 49
		</div>
55 50
		<script src="../js/public/mui.min.js"></script>

+ 35 - 21
app/html/myaccount.html

@ -11,12 +11,12 @@
11 11
	
12 12
	<body>
13 13
		<header class="mui-bar mui-bar-nav toptitbox">
14
		    <h1 class="mui-title toptit">我的账户</h1>
14
		    <h1 class="mui-title toptit">我</h1>
15 15
		</header>
16 16
17 17
		<div class="mui-content">
18 18
			<!-- 主界面具体展示内容 -->
19
    		<div class="mui-input-group  marginbox">
19
    		<div class="mui-input-group marginbox">
20 20
				<div class="maincon personinfo2">
21 21
					<div class="headbox2" >
22 22
					    <a class="mui-pull-left proinfor">
@ -26,7 +26,7 @@
26 26
		                        <p class="listtit2"><span id="userTitle"></span>,<span id="userPosition"></span></p>
27 27
		                    	<p class="listtit3"><span id="userDepartment"></span>,<span id="userMechanism"></span> | <span id="userCity"></span></p>
28 28
		                    </div>
29
		                    <div id="loginNo" style="display:none;"><span id="goreg">注册</span>/<span id="gologin">登录</span> </div>
29
		                    <div class="mui-pull-left " id="loginNo" style="color:#797979; margin: 10% 5%;display:none;"><span id="goreg">注册</span> / <span id="gologin">登录</span> </div>
30 30
		                </a>
31 31
		                <div class="mui-pull-right updatebtn">
32 32
			        		<a class="editbox" id="editbox">
@ -36,24 +36,39 @@
36 36
			        	</div>
37 37
			        </div>
38 38
		        </div>
39
		        <a class="mui-clearfix peolevelbox"  id="goZixun">
40
		        	<div class="mui-pull-left peocountbox">
41
		        		<div class="peocount mui-clearfix">
42
		        			<em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
43
		        			<span class="mui-pull-left">已完成咨询<em>11</em>人次</span>
44
		        		</div>
45
		        	</div>
46
		        	<div class="mui-pull-right levelbox">
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>
52
		        	</div>
53
		        </a>
39
		        <ul class="mui-table-view">
40
				    <li class="mui-table-view-cell">
41
				        <a class="mui-navigate-right peocount"  id="goZixun">
42
				        	<em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
43
				        	<span class="mui-pull-left">已完成咨询<em>11</em>人次</span>
44
				        	<div class="rightword levelbox">
45
				        		<span class="mui-icon iconfont icon-favorfill"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
46
				        		<span class="mui-icon iconfont icon-favorfill"></span>
47
				        		<span class="mui-icon iconfont icon-favorfill"></span>
48
				        		<span class="mui-icon iconfont icon-favor"></span>
49
				        		<span class="mui-icon iconfont icon-favor"></span>
50
				        	</div>
51
				        </a>
52
				    </li>
53
				</ul>
54
		        <!--<a class="mui-clearfix peolevelbox"  id="goZixun">
55
		        	<div class="mui-pull-left peocountbox">
56
		        		<div class="peocount mui-clearfix">
57
		        			<em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
58
		        			<span class="mui-pull-left">已完成咨询<em>11</em>人次</span>
59
		        		</div>
60
		        	</div>
61
		        	<div class="mui-pull-right levelbox">
62
		        		<span class="mui-icon iconfont icon-favorfill"></span> <!--无色星星icon-favor  黄色星icon-favorfill-->
63
		        		<!--<span class="mui-icon iconfont icon-favorfill"></span>
64
		        		<span class="mui-icon iconfont icon-favorfill"></span>
65
		        		<span class="mui-icon iconfont icon-favor"></span>
66
		        		<span class="mui-icon iconfont icon-favor"></span>
67
		        	</div>
68
		        </a>-->
54 69
		    </div>
55 70
		    
56
	        <div class="mui-input-group  marginbox">
71
	        <div class="mui-input-group marginbox">
57 72
				<ul class="mui-table-view">
58 73
				    <!--<li class="mui-table-view-cell">
59 74
				        <a class="mui-navigate-right walltebox">
@ -73,8 +88,7 @@
73 88
				        	<em class="mui-icon iconfont icon-friendfavor actionicon addicon mui-pull-left"></em>
74 89
				        	<span class="mui-pull-left">邀请新用户</span>
75 90
				        </a>
76
				    </li>
77
				    
91
				    </li> 
78 92
				</ul>
79 93
		    </div>
80 94
		    <div class="mui-input-group  marginbox">

+ 14 - 13
app/html/proinforbrow-more.html

@ -13,21 +13,22 @@
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 iconfont icon-moreandroid mui-pull-right topmore"></a>
16
		    <a class="mui-icon iconfont icon-share mui-pull-right topmore" id="shareBtn">
17
		    	<ul class="sharebox" id="shareBox" style="display:none; 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>
17 30
		</header>
18 31
		
19
		<!--主页面底部菜单-->
20
	    <nav class="mui-bar mui-bar-tab mui-clearfix footbox">
21
		    <div class="dialogbtn mui-pull-left btnactive">
22
		    	<div>
23
			    	<em class="mui-iocn iconfont icon-community mui-pull-left"></em>
24
					<span class="mui-pull-left">咨询</span>
25
				</div>
26
			</div>
27
			<div class="attentbtn mui-pull-left">
28
				<em class="mui-iocn iconfont icon-favor"></em><!--已经关注icon-favorfill-->
29
			</div>
30
		</nav>
31 32
		<!-- 主页面内容容器 -->
32 33
    	<div class="mui-content">
33 34
    		<!-- 主界面具体展示内容 -->

+ 20 - 4
app/html/proinforbrow.html

@ -13,7 +13,21 @@
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 iconfont icon-moreandroid mui-pull-right topmore"></a>
16
		    <!--<a class="mui-icon iconfont icon-moreandroid mui-pull-right topmore"></a>-->
17
		    <a class="mui-icon iconfont icon-share mui-pull-right topmore" id="shareBtn">
18
		    	<ul class="sharebox" id="shareBox" style="display:none; color: #000000;">
19
		    		<li>
20
		    			<span class="mui-icon mui-icon-weixin"></span>
21
		    		</li>
22
		    		<li>
23
		    			<span class="mui-icon mui-icon-weibo"></span>
24
		    		</li>
25
		    		<li>
26
		    			<span class="mui-icon mui-icon-qq"></span>
27
		    		</li>
28
		    		
29
		    	</ul>
30
		    </a>
17 31
		</header>
18 32
		
19 33
		<!--主页面底部菜单-->
@ -62,8 +76,8 @@
62 76
				<div class="maincon">
63 77
			       <div class="infocontit">合作资源</div> 
64 78
			       <div class="infocon">
65
				       <ul class="mui-table-view resinfo">
66
				            <li class="mui-table-view-cell mui-media">
79
				       <ul class="mui-table-view listitembox resinfo">
80
				            <li class="mui-table-view-cell mui-media listitem">
67 81
				                <a class="proinfor" href="resinforbrow.html">
68 82
				                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
69 83
				                    <div class="mui-media-body">
@ -76,7 +90,7 @@
76 90
				                    </div>
77 91
				                </a>
78 92
				            </li>
79
				            <li class="mui-table-view-cell mui-media">
93
				            <li class="mui-table-view-cell mui-media listitem">
80 94
				                <a class="proinfor" href="resinforbrow.html">
81 95
				                    <img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">
82 96
				                    <div class="mui-media-body">
@ -180,6 +194,8 @@
180 194
		
181 195
		
182 196
		<script src=" ../js/public/mui.min.js"></script>
197
		<script src="../js/public/base.js"></script>
198
		<script src="../js/proinfobrow.js"></script>
183 199
		<script type="text/javascript">
184 200
			mui.init()
185 201
		</script>

+ 3 - 4
app/html/reg.html

@ -27,8 +27,8 @@
27 27
		        </div>
28 28
		        <div class="mui-input-row frm-input">
29 29
					<input type="number" class="mui-input-clear frmtype" placeholder="请输入验证码" id="set-code">
30
					<a class="forgetword" id="obtain-code">获取验证码</a>
31
					<a class="forgetword" id="getcodeoff" style="display:none;"></a>
30
					<span class="forgetword forgetword2" id="obtain-code">获取验证码</span>
31
					<span class="forgetword" id="getcodeoff" style="display:none;"></span>
32 32
				</div>
33 33
		    </form>
34 34
		    
@ -36,9 +36,8 @@
36 36
		    	<div class="protocolbox">
37 37
			    	<label checked="true"> 
38 38
			    		<span class="mui-icon iconfont icon-squarecheck iconagreecheck"></span>	
39
			    		
40 39
	                     <!--<em><img class="agreeicon" src="../images/agreenicon.png"/></em> -->
41
	                     <input type="checkbox" name="checkbox" checked="true" style="display:none;">已同意<a href="" class="protocollink" target="_blank">科袖网用户协议</a>
40
	                    <input type="checkbox" name="checkbox" checked="true" style="display:none;">已同意<a href="" class="protocollink" target="_blank">科袖网用户协议</a>
42 41
	               </label>
43 42
		    	</div>
44 43
			

+ 3 - 2
app/html/resinforbrow.html

@ -147,8 +147,9 @@
147 147
			var shareBox = document.getElementById("shareBox");
148 148
			
149 149
			shareBtn.addEventListener("tap",function(){
150
				shareBox.toggle();
151
			})
150
				shareBox.style.display = 'block';
151
			});
152
			
152 153
		</script>
153 154
	</body>
154 155

+ 8 - 13
app/html/resinforupdate.html

@ -14,7 +14,7 @@
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 16
		    <a class="mui-icon iconfont icon-share mui-pull-right topmore" id="shareBtn">
17
		    	<ul class="sharebox" style="display: block; color: #000000;">
17
		    	<ul class="sharebox" id="shareBox" style="display:none; color: #000000;">
18 18
		    		<li>
19 19
		    			<span class="mui-icon mui-icon-weixin"></span>
20 20
		    		</li>
@ -29,18 +29,6 @@
29 29
		    </a>
30 30
		</header>
31 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>
44 32
		<!-- 主页面内容容器 -->
45 33
    	<div class="mui-content">
46 34
    		<!-- 主界面具体展示内容 -->
@ -139,6 +127,13 @@
139 127
		<script src=" ../js/public/mui.min.js"></script>
140 128
		<script type="text/javascript">
141 129
			mui.init();
130
			var shareBtn = document.getElementById("shareBtn");
131
			var shareBox = document.getElementById("shareBox");
132
			
133
			shareBtn.addEventListener("tap",function(){
134
				shareBox.style.display = 'block';
135
			});
136
			
142 137
		</script>
143 138
	</body>
144 139

+ 1 - 1
app/html/security.html

@ -12,7 +12,7 @@
12 12
	<body>
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
		    <h1 class="mui-title toptit">账与安全</h1>
15
		    <h1 class="mui-title toptit">账与安全</h1>
16 16
		</header>
17 17
		<div class="mui-content">
18 18
			<!-- 主界面具体展示内容 -->

+ 5 - 4
app/html/setpass.html

@ -18,15 +18,16 @@
18 18
			<div class="setfindbox">
19 19
			    <form class="mui-input-group frmbox">
20 20
			    	<div class="mui-input-row frm-input passwordbox">
21
						<input id='password' type="password" class="mui-input-clear frmtype frmtypel floatL" placeholder="请设置您的账密码">
22
						<a id='forgetPassword' class="forgetword forgeticon floatL"></a>
21
						<input id='password' type="password" class="mui-input-clear frmtype frmtypel floatL" placeholder="请设置您的账密码">
22
						<span id='forgetPassword' class="forgetword forgeticon floatL"></span>
23 23
					</div>
24 24
			        <div class="mui-input-row frm-input">
25 25
			            <input id='password2' type="password" class="mui-input-clear frmtype" placeholder="请再次确认密码">
26 26
			        </div>
27
			        
28 27
			    </form>
29
			    
28
			    <div class="mui-content-padded frmbox" style=" margin-bottom:24px;">
29
			    	<span style="font-size:12px; color:#C0C0C0;">密码由6-24个字符组成、区分大小写</span>
30
			    </div>
30 31
			    <div class="mui-content-padded frmbox">
31 32
					<button class="mui-btn mui-btn-block frmbtn frmactive2" id="registerok">完&nbsp;成</button>
32 33
				</div>

+ 5 - 5
app/html/setup.html

@ -19,12 +19,12 @@
19 19
				<ul class="mui-table-view">
20 20
				    <li class="mui-table-view-cell">
21 21
				        <a class="mui-navigate-right" id="security">
22
				        	<span class="mui-pull-left">账与安全</span>
22
				        	<span class="mui-pull-left">账与安全</span>
23 23
				        </a>
24 24
				    </li>
25 25
				</ul>
26 26
		    </div>
27
		    <div class="mui-input-group marginbox">
27
		    <div class="mui-input-group marginbox" style="margin-bottom: 4px;">
28 28
				<ul class="mui-table-view">
29 29
				    <li class="mui-table-view-cell">
30 30
				        <a class="mui-navigate-right rightnone" href="setup.html">
@ -39,7 +39,7 @@
39 39
				    </li>
40 40
				</ul>
41 41
		    </div>
42
		    <div class="marginbox litlabel">
42
		    <div class="marginbox litlabel" style="margin:0 10px 20px 10px;">
43 43
		    	<span class="listtit2">有新的咨询或回复时通知您</span>
44 44
		    </div>
45 45
		    <div class="mui-input-group marginbox">
@ -56,8 +56,8 @@
56 56
				    </li>
57 57
				</ul>
58 58
		    </div>
59
		    <div class="mui-input-group" id="removeid">
60
				<button class="mui-btn mui-btn-block frmbtn exitbtn" >退出登录</button>
59
		    <div class="mui-input-group exitbox">
60
				<span class="exitbtn" id="removeid">退出登录</span>
61 61
		    </div>
62 62
 
63 63
		</div>

+ 2 - 2
app/html/updateinfo10.html

@ -38,8 +38,8 @@
38 38
					</ul>
39 39
		       </div>
40 40
		    </div>
41
		    <div class="mui-input-group">
42
				<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此专利</button>
41
		     <div class="mui-input-group exitbox">
42
				<span class="exitbtn">删除此专利</span>
43 43
		    </div>
44 44
		</div>
45 45
		<script src="../js/public/mui.min.js"></script>

+ 5 - 2
app/html/updateinfo11.html

@ -35,9 +35,12 @@
35 35
			        
36 36
		        </div>
37 37
		    </div>
38
		    <div class="mui-input-group">
39
				<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此荣誉奖项</button>
38
		     <div class="mui-input-group exitbox">
39
				<span class="exitbtn">删除此荣誉奖项</span>
40 40
		    </div>
41
		    <!--<div class="mui-input-group">
42
				<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此荣誉奖项</button>
43
		    </div>-->
41 44
		</div>
42 45
		<script src="../js/public/mui.min.js"></script>
43 46
		<script type="text/javascript">

+ 2 - 2
app/html/updateinfo6.html

@ -44,8 +44,8 @@
44 44
			        
45 45
		        </div>
46 46
		    </div>
47
		    <div class="mui-input-group">
48
				<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此教育背景</button>
47
		    <div class="mui-input-group exitbox">
48
				<span class="exitbtn">删除此教育背景</span>
49 49
		    </div>
50 50
		</div>
51 51
		<script src="../js/public/mui.min.js"></script>

+ 2 - 2
app/html/updateinfo7.html

@ -41,8 +41,8 @@
41 41
			       
42 42
		        </div>
43 43
		    </div>
44
		    <div class="mui-input-group">
45
				<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此工作经历</button>
44
		    <div class="mui-input-group exitbox">
45
				<span class="exitbtn">删除此工作经历</span>
46 46
		    </div>
47 47
		</div>
48 48
		<script src="../js/public/mui.min.js"></script>

+ 3 - 2
app/html/updateinfo8.html

@ -41,9 +41,10 @@
41 41
			        
42 42
		        </div>
43 43
		    </div>
44
		    <div class="mui-input-group">
45
				<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此项目经历</button>
44
		    <div class="mui-input-group exitbox">
45
				<span class="exitbtn">删除此项目经历</span>
46 46
		    </div>
47
		    
47 48
		</div>
48 49
		<script src="../js/public/mui.min.js"></script>
49 50
		<script type="text/javascript">

+ 3 - 2
app/html/updateinfo9.html

@ -39,9 +39,10 @@
39 39
			        
40 40
		        </div>
41 41
		    </div>
42
		    <div class="mui-input-group">
43
				<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此著作/论文/文章</button>
42
		    <div class="mui-input-group exitbox">
43
				<span class="exitbtn">删除此著作/论文/文章</span>
44 44
		    </div>
45
45 46
		</div>
46 47
		<script src="../js/public/mui.min.js"></script>
47 48
		<script type="text/javascript">