luyanan лет назад: 8
Родитель
Сommit
55e5f0a425
3 измененных файлов с 49 добавлено и 21 удалено
  1. 42 17
      app/css/app.css
  2. 1 1
      app/css/iconfont.css
  3. 6 3
      app/html/myaccount.html

+ 42 - 17
app/css/app.css

@ -55,10 +55,10 @@ body{ color: #666666; font-size:14px;line-height:20px;}
55 55
.mainbox{width: 96%; margin:2% auto;}
56 56
.mainbox:before{ position:static;}
57 57
/*div模拟textarea多行文本框*/
58
div.textareabox{font-size:13px;padding:2px;-webkit-user-select:text;-webkit-user-modify: read-write-plaintext-only;}
59
div.textareaboxEmp:empty:before {content: attr(placeholder);display: block;color: #AAAAAA;}
58
div.textareabox{font-size:14px;padding:2px;-webkit-user-select:text;-webkit-user-modify: read-write-plaintext-only;}
59
div.textareaboxEmp:empty:before {content: attr(placeholder);font-size:14px;display: block;color: #AAAAAA;}
60 60
.borderarea{border-bottom: 1px solid #F0F0F0;}
61

61
.limitNum{font-size:13px;text-align: right;color:#BBBBBB;}
62 62
/*必填项样式*/
63 63
.requiredcon{ position: absolute; top:0; margin-left:4px; width: 8px; height:8px; background: url(../images/requiredicon.png) center center no-repeat; background-size: 100% 100%;}
64 64
/*功能icon样式*/
@ -121,7 +121,7 @@ div.textareaboxEmp:empty:before {content: attr(placeholder);display: block;color
121 121
.authicon-cu{color:#FF9900;}/*认证科研型专家*/
122 122
.authicon-com{/*color:#00aaee;*/ color:#2082fb;}/*认证企业型专家*/
123 123
/*普通用户认证标识 icon-renzheng*/
124
em.icon-renzheng{position:absolute;float:left;font-size: 0;width:48px;height:16px;background-image:url(../images/authicon.png);background-repeat:no-repeat; }
124
em.mui-icon.iconfont.icon-renzheng{position:absolute;float:left;font-size: 0;width:48px;height:16px;background-image:url(../images/authicon.png);background-repeat:no-repeat; }
125 125
.authicon-mana{background-position: 0 -1px;background-size:100% auto;color:#ff9900;}/*认证科研*/
126 126
.authicon-staff{background-position: 0 -16px;background-size:100% auto;color:#007AFF;}/*认证企业*/
127 127
.authicon-stu{background-position: 0 -32px;background-size:100% auto;color:#0ee032;}/*认证在读学生*/
@ -196,27 +196,20 @@ button:disabled,input.frmtype[type='button']:disabled{ opacity: 1;}
196 196
.maincon ul li{ list-style: none;padding-left: 2%;font-size: 14px;line-height: 20px; overflow: hidden;}
197 197
.boxnav-title{font-size: 14px; color:#888; font-weight: normal;position:relative;padding-left:6%;}
198 198
ul.boxnav{ overflow: hidden;width:100%; padding: 0 3%;}
199
ul.boxnav li{list-style: none;width:33.333%;float:left; padding:0 10px;    -webkit-box-sizing: border-box;}
199
ul.boxnav li{list-style: none;width:50%;float:left; padding:5px 10px;    -webkit-box-sizing: border-box;}
200 200
ul.boxnav li span{width:100%; font-size:12px;height:28px; line-height:26px; text-align: center; display: block; background: #fff;  border-radius: 5px;}
201 201
ul.boxnav li:nth-child(1) span{border:1px solid #ff9900; color: #ff9900;}
202 202
ul.boxnav li:nth-child(2) span{border:1px solid #6699ff; color: #6699ff;}
203 203
ul.boxnav li:nth-child(3) span{border:1px solid #66cc00; color: #66cc00;}
204
ul.boxnav li:nth-child(4) span{border:1px solid #666; color: #666;}
204 205
ul.boxnav li.liactive{}
205 206
ul.boxnav li .icon-check {border: 1px solid;border-radius: 50%;font-size: 12px;margin-right: 3%;}
206 207
ul.boxnav li.set:nth-child(1) span{border:1px solid #ff9900; color: #fff; background: #ff9900; }
207 208
ul.boxnav li.set:nth-child(2) span{border:1px solid #6699ff; color: #fff; background: #6699ff; }
208 209
ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; background: #66cc00; }
209
ul.boxnav li.set span:before{
210
  font-family:"iconfont" !important;
211
  font-style:normal;
212
  -webkit-font-smoothing: antialiased;
213
  -webkit-text-stroke-width: 0.2px;
214
  -moz-osx-font-smoothing: grayscale;
215
  content: "\e645";
216
  border:1px solid;
217
  border-radius: 50%;
218
  font-size:12px; 
219
  margin-right: 4%;}
210
ul.boxnav li.set:nth-child(4) span{border:1px solid #666; color: #fff; background: #666; }
211
ul.boxnav li.set span:before{font-family:"iconfont";content: "\e645";border:1px solid;border-radius: 50%;font-size:12px; margin-right: 4%;}
212

220 213
/*.maincon .basicinfo>li:not(.basicfrm){ font-size: 13px; line-height: 42px;}*/
221 214
.maincon ul li.basicfrm{list-style: none; position: relative; overflow: hidden; line-height: 20px;border-bottom:1px #F0F0F0 solid;margin:-4px 0 14px 2%;padding-left:0; }
222 215
.maincon ul li.basicfrm .frmtype{ height: 26px; padding:0; padding-right:2%;line-height:20px;font-size: 14px; }
@ -623,4 +616,36 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
623 616
.articalBox .indentNone{text-indent: 0;text-align: center;}
624 617
.articalBox .indentNone img{width:98%; margin: 6px 0;}
625 618
.articalBox .indentNone .imgTit{ font-size: 12px;line-height: 20px;}
626
.articalBox .artSTit{text-indent: 0.2em;font-size:16px; color:#069E21;}
619
.articalBox .artSTit{text-indent: 0.2em;font-size:16px; color:#069E21;}
620
/*需求相关*/
621

622
.maincon ul .divideSpace{margin:4px auto 8px;}
623
.maincon ul.chooseBox{padding:0;margin: 0;}
624
.hotsearch.chooseBox li{border-color: #D3D3D3;color:#999999;padding-left:18px;}
625
.addlabel .lineInput{border:none;border-bottom:1px solid #F0F0F0;border-radius: 0;padding-left:2px}
626
.divideSpace .labelshow li{color:#ff9900;}
627
.hotsearch.chooseBox li{padding:0;}
628
.hotsearch.chooseBox li span{line-height:26px;padding:4px 20px;}
629
.hotsearch.chooseBox li:active{background: none;}
630
.hotsearch.chooseBox li.checkedLi{background: #ff9900;color:#FFFFFF;border-color:#ff9900}
631
.hotsearch.chooseBox li.checkedLi span:before{font-family:"iconfont";content: "\e645";border:1px solid;
632
  border-radius: 50%;font-size:12px;line-height: 24px; margin-right:3%;} 
633
.divideSpace .littipCh{padding-left:10px;}
634
.divideSpace .littipCh .littip p{color:#BBBBBB;line-height: 20px;font-size: 12px;text-indent: 2.1em;}
635
.divideSpace .littipCh .littip{display: none;}
636
.divideSpace .littipCh .littip:first-child{display: block;}
637

638
.demandBox ul.boxnav li{width:33.333%;}
639
.demandBox ul.boxnav.boxnavTo li:nth-child(2){width:66%}
640
.demandBox ul.boxnav.boxnavTo li span{border-color:#ff9900;color:#FF9900;}
641
.demandBox ul.boxnav.boxnavTo li .checkNow{background:#ff9900; color:#FFFFFF}
642
.demandBox ul.boxnav.boxnavTo li .checkNow:before{font-family:"iconfont";content: "\e645";border:1px solid;
643
  border-radius: 50%;font-size:12px; margin-right:3%;}
644
.demandBox ul.boxnav.boxnavTo li .checkNo{border-color:#D3D3D3;background:#D3D3D3;color:#FFFFFF;}
645

646
.demandBasic{padding:4px 0;}
647
.demandBasic h5{line-height: 26px;}
648
.demandBasic h5 span{margin-right:2%;}
649
.demandBasic h5 em{font-style: normal;display: inline-block;padding:0 3%;background:#6699ff;margin:0 4px;border-radius:6px;color: #FFFFFF;font-size:12px;line-height: 22px;}
650
.demandCon{position:relative;}
651
.demandBtn{position: absolute;bottom:4%;right:0; left:0;}

+ 1 - 1
app/css/iconfont.css

@ -110,5 +110,5 @@
110 110
111 111
.icon-exit:before { content: "\e7cb"; }
112 112
113
.icon-renzheng:before { content: "\e609"; }
113
.icon-real:before { content: "\e609"; }
114 114

+ 6 - 3
app/html/myaccount.html

@ -7,6 +7,9 @@
7 7
		<link href="../css/mui.min.css" rel="stylesheet" />
8 8
		<link href="../css/iconfont.css" rel="stylesheet" />
9 9
		<link href="../css/app.css" rel="stylesheet" />
10
		<style type="text/css">
11
			em.icon-renzheng{top: 3px;}
12
		</style>
10 13
	</head>
11 14
	<body>
12 15
		<header class="mui-bar mui-bar-nav toptitbox">
@ -23,10 +26,10 @@
23 26
		                    	<img class="headimg2 headRadius" src="" id="userImg">
24 27
		                    </div>
25 28
		                    <div class="mui-pull-left infobasic" style="padding-right:5%">
26
		                        <span class="listtit">
27
		                        	<span id="userName" style="line-height: 22px;"></span>
29
		                        <p class="listtit mui-clearfix" style="position: relative;">
30
		                        	<span class="mui-pull-left" id="userName" style="line-height: 22px;display: inline-block;margin-right:4px;"></span>
28 31
		                        	<em id="nameli" class="mui-icon iconfont"></em>
29
		                        </span>	
32
		                        </p>	
30 33
		                        <p class="listtit2"><span id="userTitle"></span><span id="userPosition"></span></p>
31 34
		                    	<p class="listtit3" style="line-height:16px;"><span id="userDepartment"></span><span id="userMechanism"></span><span id="userCity"></span></p>
32 35
		                    </div>