luyanan 7 lat temu
rodzic
commit
f509ad7843
3 zmienionych plików z 106 dodań i 21 usunięć
  1. 25 20
      app/css/app.css
  2. 1 1
      app/html/consult_home.html
  3. 80 0
      app/html/consultlistNew.html

+ 25 - 20
app/css/app.css

@ -297,14 +297,19 @@ ul.boxnav li.set span:before{font-family:"iconfont";content: "\e733";font-size:1
297 297
.maintitbox .maintit{ line-height: 40px; border-bottom: 1px solid #F0F0F0; font-size: 16px; text-align: center; color: #FF9900;}
298 298
.maintitbox .maintit2{text-align: left;color:#888888;padding:2px 10px;}
299 299
.maintitbox .maintit2 span{color: #FF9900;}
300
.conblock{ /*background: #FFFFFF;*/ margin:10px 0;}
300
.conblock{ background: #FFFFFF;margin:10px 0;}
301 301
.mui-grid-view.gridbg{ background: #FFFFFF; border: none;}
302
.mui-grid-view.gridbg .mui-table-view-cell{ /*border:none;*/ padding: 10px 4px;}
302
.mui-grid-view.gridbg .mui-table-view-cell{ padding: 10px 4px;}
303 303
.mui-grid-view.gridbg .mui-table-view-cell .mui-media-body{ font-size: 12px;}
304 304
.mui-table-view.gridbg:after{height:0;}
305 305
/*热门领域*/
306
.fieldicon{ overflow: hidden;width:24px; height:24px;margin: auto;}
307
.fieldicon img{width: 100%;}
306
.fieldicon{display:block;width:24px; height:24px;margin: auto;background-repeat: no-repeat;background-size: cover;}
307
.fieldicon01{background-image: url(../images/field_icon/home_field_youqi.png);}
308
.fieldicon02{background-image: url(../images/field_icon/home_field_luosi.png);}
309
.fieldicon03{background-image: url(../images/field_icon/home_field_banshou.png);}
310
.fieldicon04{background-image: url(../images/field_icon/home_field_6bian.png);}
311
.fieldicon05{background-image: url(../images/field_icon/home_field_jinshu.png);}
312
.fieldicon-more{background-image: url(../images/field_icon/home_field_more.png);}
308 313
/*热门专家*/
309 314
.mui-table-view-cell.prolist:after{/*background:#C0C0C0*//*#c8c7cc;*/}
310 315
.protable:before{ background-color:transparent;}
@ -350,6 +355,10 @@ ul.boxnav li.set span:before{font-family:"iconfont";content: "\e733";font-size:1
350 355
.infocon.listArea>ul>li{float: left;margin-right: 10px;margin-top:10px;border:1px solid #E5E5E5;border-radius:6px;padding:2px 12px;}
351 356
.infocon.madiaBlock>ul{margin:-15px;}
352 357
.infocon.madiaBlock>ul>li{padding-left:15px;}
358
.infocon.madiaBlock>.consultList>li{height:68px;}
359
.infocon.madiaBlock>.consultList.mui-table-view .mui-table-view-cell:after{left:0;}
360
.infocon.madiaBlock>.consultList .h3Font{color:#999999;}
361
.infocon.madiaBlock>.consultList .h1Font{line-height: 26px;}
353 362
.seeMore{cursor:pointer;text-align:center;font-size:14px;color:#999;line-height:40px;height:40px;border-top:1px solid #E5E5E5;position: relative;}
354 363
.seeMore em{font-style: normal;position:absolute;left:50%;margin-left: -36px;padding-right:5px;}
355 364
.seeMore em:before{border: solid transparent;border-left-color:#ccc;border-width: 7px;content: " ";position: absolute;left: 100%;top: 12px;}
@ -592,7 +601,7 @@ ul.boxnav li.set span:before{font-family:"iconfont";content: "\e733";font-size:1
592 601
.coutopicbox .status-4{background:#6CA8FF;}/*待回复*/
593 602
.coutopicbox .status-5{background:#d3d3d3;}/*已拒绝/被拒绝*/
594 603

595
.thistime{ position: absolute; right:6px; font-size: 12px; color: #999999;}
604
.thistime{ position: absolute; right:4%; font-size: 12px; color: #999999;}
596 605

597 606
.mui-table-view-cell>.proinfor>.mui-badge{top: 20px;left:10px; right:auto;}
598 607
/*星级评价*/
@ -708,16 +717,14 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
708 717
.articalBox .indentNone .imgTit{ font-size: 12px;line-height: 20px;}
709 718
.articalBox .artSTit{text-indent: 0.2em;font-size:16px; color:#069E21;}
710 719
/*首页发布按钮*/
711
.btnLinkBox .mui-table-view-cell:after{right: 0;bottom: 0;left:0;}
712
.btnLinkBox .h1Font{font-weight: normal;color:#333333;font-size:16px;line-height: 18px;}
713
.btnLinkBox .h2Font{color:#666;font-size:14px;margin-bottom: 0;}
714
.mui-table-view .mui-media-object.btnLinkIcon{width:42px; height:42px;margin-top:4px;margin-bottom:4px;border-radius:50%;text-align: center;vertical-align: middle;}
715
.btnLinkIcon.fabuBtn{background: #007AFF;}
716
.btnLinkIcon.proBtn{background: #FF9900;}
717
.btnLinkIcon .iconfont{color:#FFFFFF;line-height: 42px;}
718
.btnLinkIcon.fabuBtn .mui-icon.icon-fabu{font-size:18px;}
719
.btnLinkIcon.proBtn .mui-icon.icon-profilefill{font-size:24px;}
720
/*.btnLink{padding-left:4px;}*/
720
.btnLinkBox .mui-table-view-cell:after{background: transparent;}
721
.btnLinkBox .mui-table-view-cell:first-child{border-right:2px dashed #E5E5E5;}
722
.btnLinkBox .h1Font{font-weight: normal;color:#333333;font-size:16px;line-height: 18px;margin-bottom: 0;}
723
.btnLinkBox .h2Font{color:#888;font-size:12px;margin-bottom: 0;}
724
.mui-table-view .mui-media-object.btnLinkIcon{position:absolute;width:28px; height:28px;top:50%;margin-top:-14px;left:22px;text-align: center;vertical-align: middle;background-position: center;background-size: cover;}
725
.btnLinkIcon.fabuBtn{background-image: url(../images/home_faxuqiu_nor@3x.png);}
726
.btnLinkIcon.proBtn{background-image: url(../images/home_zhaozj_nor@3x.png);}
727
.mui-table-view .mui-media-body.btnLink{padding-left:40px;}
721 728
/***********************需求相关*******************/
722 729
.contentInner{width:90%;margin:4% auto;}
723 730
.maincon ul .divideSpace{margin:4px auto 8px;}
@ -813,7 +820,6 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
813 820
.columnOther {border: 1px solid #28b8fa;color: #28b8fa;}
814 821
/***************************************2017.04新版样式******************************/
815 822
/*--------邀请好友------------*/
816
.mui-card-content.conblock{background: #fff;}
817 823
.inviteBoxNew{position:relative;}
818 824
.inviteBtnNew{position: absolute;width:86%;height:50%;bottom:-25%; left:7%;background: #FFFFFF;
819 825
			padding:0 6%;
@ -973,9 +979,9 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
973 979
.mui-bar .leftnav{position:absolute;left:0;}
974 980
.mui-bar .rightnav{position:absolute;right:0;top:50%;margin-top:-15px;padding:0 10px;text-align: center;font-size:12px;line-height: 12px;color:#FFFFFF;}
975 981
.mui-bar .rightnav .mui-icon.icon-filter{position:relative;font-size:20px;padding-bottom: 0;padding-top:0;color:#FFFFFF;}
976
.mui-bar .rightnav .mui-badge{display:block;position:absolute;width:16px;height:16px;top:-2px;right:3px;left:auto;z-index: 32;display: none;}
982
.mui-bar .rightnav .mui-badge{position:absolute;top:-2px;right:3px;left:auto;z-index: 32;display: none;}
977 983
.mui-bar .rightnav:active{opacity:.3;}
978
.mui-bar .rightnav.filtered .mui-badge{display:block;background: #FFFFFF;color:#FF9900;}
984
.mui-bar .rightnav.filtered .mui-badge{display:inline-block;background: #FFFFFF;color:#FF9900;}
979 985

980 986
/*.fixboxNew{background: #FFFFFF; position:fixed;top:44px;left:0;width:100%; z-index:4;}
981 987
.fixboxNew .fixbtnNew{ padding:0; margin: 0; overflow: hidden;}
@ -1147,8 +1153,7 @@ ul.tagList>li .h2Font{color: #666; -webkit-user-select:text;}
1147 1153
		-webkit-user-select: text;border: 1px solid #E0E0E0;border-radius: 4px;outline: 0;background-color: #fff;
1148 1154
    -webkit-appearance: none;}
1149 1155
.mui-bar-tab.footbox .artfoot .iconfontnew{margin: 10px 0;position: relative;}
1150
.mui-bar-tab.footbox .artfoot .mui-badge{position:absolute;top:-6px;right:-10px;font-size:8px;line-height:14px;z-index:24;font-style: normal;background:#f45b5d;color:#fff;}
1151

1156
.mui-bar-tab.footbox .artfoot .mui-badge{position:absolute;top:-6px;right:-10px;/*font-size:8px;line-height:14px;*/z-index:24;font-style: normal;background:#f45b5d;color:#fff;}
1152 1157
.mui-bar-tab.footbox .artfoot.mui-row .mui-btn{font-weight: 400;position: relative;z-index: 20;margin-bottom:10px;float:right;top:0;padding:4px 10px;background: #FF9900;color:#FFF;border-color:#ff9900;}
1153 1158
.mui-bar-tab.footbox .artfoot.mui-row .mui-btn:disabled{background:#E0E0E0;border-color:#E0E0E0;}
1154 1159
/*资源图片轮播*/

+ 1 - 1
app/html/consult_home.html

@ -11,7 +11,7 @@
11 11
	<body>
12 12
		<!-- 主页面标题 -->
13 13
		<header class="mui-bar mui-bar-nav toptitbox" style="position: fixed;top: 0;">
14
		    <h1 class="mui-title toptit">咨询</h1>
14
		    <h1 class="mui-title toptit">消息</h1>
15 15
		</header>
16 16
		<div class="mui-content"></div>
17 17
		

+ 80 - 0
app/html/consultlistNew.html

@ -0,0 +1,80 @@
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
    <link href="../css/mui.min.css" rel="stylesheet"/>
8
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
9
    <link href="../css/app.css" rel="stylesheet"/>
10
</head>
11
<body>
12
    <!-- 主页面内容容器 -->
13
    <div id="logined">
14
		<div id="zixunpullrefresh" class="mui-content mui-scroll-wrapper" >
15
		  	<div class="mui-scroll">
16
		  		<div class="infocon madiaBlock">
17
				    <ul class="mui-table-view consultList" id="consultList">
18
				    	<li class="mui-table-view-cell">
19
							<div class="madiaHead useHead" style="background-image:url(../images/default-photo.jpg)"></div>
20
							<div class="madiaInfo">
21
								<div class="h1Font mui-ellipsis">
22
									<span>用户姓名</span>
23
									<span class="authicon authicon-pro"></span>
24
									<span class="thistime">8月17日 18:00</span>
25
								</div>
26
								<div class="h3Font mui-ellipsis">这里显示对话的最后一条消息,天个人似乎突然今天个人似乎突然今天跟i</div>
27
							</div>
28
						</li>
29
						<li class="mui-table-view-cell">
30
							<div class="madiaHead useHead" style="background-image:url(../images/default-photo.jpg)"></div>
31
							<div class="madiaInfo">
32
								<div class="h1Font mui-ellipsis">
33
									<span>用户姓名</span>
34
									<span class="authicon authicon-pro"></span>
35
									<span class="thistime">8月17日 18:00</span>
36
								</div>
37
								<div class="h3Font mui-ellipsis">富贵花开就看看和个人似乎突然</div>
38
							</div>
39
						</li>
40
						<li class="mui-table-view-cell">
41
							<div class="madiaHead useHead" style="background-image:url(../images/default-photo.jpg)"></div>
42
							<div class="madiaInfo">
43
								<div class="h1Font mui-ellipsis">
44
									<span>用户姓名</span>
45
									<span class="authicon authicon-pro"></span>
46
									<span class="thistime">8月17日 18:00</span>
47
								</div>
48
								<div class="h3Font mui-ellipsis"></div>
49
							</div>
50
						</li>
51
				    </ul>
52
				</div>
53
			</div>
54
		</div>
55
    </div>
56
	
57
	<!--未登录或者未注册时咨询主页面-->
58
	<div class="mui-content" id="unlogin">
59
		<div class="nodatabox">
60
	        <div class="nodata">
61
	            <div class="picbox"><span class="defpic consult-pic"></span></div>
62
	            <div class="txtbox">
63
	            	<p class="currword" style="color:#ff9900;font-weight: bold;margin-top:20px;">登录科袖</p>
64
	                <p class="currtip">随时和专家沟通,掌握最新动态</p>
65
	            </div>
66
	        </div>
67
	   </div>
68
		<div class="mui-content-padded frmbox">
69
			<button id='logBtn' class="mui-btn mui-btn-block frmbtn frmactive" style="width: 86%;" >登&nbsp;录</button>
70
			<button id='regBtn' class="mui-btn mui-btn-block mui-btn-outlined frmbtn" style="width: 86%;" >注&nbsp;册</button>
71
		</div>
72
    </div>
73
	
74
	
75
	<script src="../js/public/mui.min.js"></script>
76
	<script src="../js/public/base.js"></script>
77
	<!--<script src="../js/consult.js"></script>-->
78
79
</body>
80
</html>