luyanan 8 lat temu
rodzic
commit
cff023bbb1
2 zmienionych plików z 16 dodań i 11 usunięć
  1. 7 2
      app/css/app.css
  2. 9 9
      app/html/discover.html

+ 7 - 2
app/css/app.css

@ -727,8 +727,8 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
727 727
.cmpClassNum li.nowClass{border-bottom: 1px solid #ff9900;color:#ff9900}
728 728

729 729
.cmpLable{border:1px solid;border-radius: 4px;padding:2px 10px;font-style: normal;font-size: 12px; line-height: 14px; vertical-align: middle;margin-right: 4px;}
730
.cmpLable.articalLabel{border-color:#ff9900;color:#ff9900;}
731
.cmpLable.resourceLabel{border-color:#ff9900;color:#ff9900;}
730
.cmpLable.articalLabel{border-color:#ff6b57;color:#ff6b57;}
731
.cmpLable.resourceLabel{border-color:#28b8fa;color:#28b8fa;}
732 732
.timeLabel{position: relative;}
733 733
.timeLabel:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;}
734 734

@ -737,8 +737,13 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
737 737
.cmpTrends .mui-table-view .mui-table-view-cell:after{left:0}
738 738
.cmpTrends .boxBlock{width:60px; height: 60px;}
739 739
.cmpTrends .cmplogo{display: inline-block;width: 24px; height:24px;margin-right:8px; background: url(../images/default-icon.jpg);background-size: cover;}
740
.cmpTrends .prologo{background: url(../images/default-photo.jpg);background-size: cover;}
740 741
.cmpTrends .mui-table-view .mui-media-object {line-height: 60px;max-width: 60px;}
741 742
.cmpTrends .mui-content-padded{position: relative;margin:4px 0;}
742 743
.cmpTrends .authicon{height: 14px;bottom:4px;}
743 744
.cmpTrends .cmpTit{font-size:16px;padding:0 0 8px 6px;border-bottom: 1px solid #E6E6E6;}
744 745
.cmpStaff .flexImg{left:10px}
746
.discoverBox .mui-content-padded{position: relative;margin:4px 0;background: #f2f3f4;border:1px solid #e5e5e5;}
747
.discoverBox .flexCenter{min-height: 60px;}
748
.discoverBox .flexImg{left:0}
749
.discoverBox .mui-media-body{padding-right: 10px;}

+ 9 - 9
app/html/discover.html

@ -20,14 +20,14 @@
20 20
		<!-- 主界面具体展示内容 -->
21 21
		<div class="mui-content">
22 22
			<div class="mui-input-group">
23
				<div class="maincon cmpTrends">
23
				<div class="maincon cmpTrends discoverBox">
24 24
					<ul class="mui-table-view">
25 25
						<li class="mui-table-view-cell mui-media">
26 26
							<div class="mui-clearfix">
27
								<span class="cmplogo mui-pull-left headRadius"></span><span class="positionR">企业名称<em class="authicon authicon-com-ok"></em></span>
27
								<span class="cmplogo prologo mui-pull-left headRadius"></span><span class="positionR">用户姓名<em class="authicon authicon-pro"></em></span>
28 28
							</div>
29 29
							<div class="mui-content-padded mui-clearfix flexCenter">
30
								<div class="mui-media-object boxBlock headRadius flexImg"><img class="boxBlockimg" src="../images/default-artical.jpg"></div>
30
								<div class="mui-media-object boxBlock flexImg"><img class="boxBlockimg" src="../images/default-artical.jpg"></div>
31 31
								<div class="mui-media-body flexTit">
32 32
									<p class="listtit mui-ellipsis-2">能和心爱的人一起睡觉,是件幸福的事情;可是,打呼噜怎么办?能和心爱的人一起睡觉,是件幸福的事情;可是,打呼噜怎么办?</p>
33 33
								</div>
@ -39,19 +39,19 @@
39 39
								<span class="cmplogo mui-pull-left headRadius"></span><span class="positionR">企业名称<em class="authicon authicon-com-ok"></em></span>
40 40
							</div>
41 41
							<div class="mui-content-padded mui-clearfix flexCenter">
42
								<div class="mui-media-object boxBlock headRadius flexImg"><img class="boxBlockimg" src="../images/default-artical.jpg"></div>
42
								<div class="mui-media-object boxBlock flexImg"><img class="boxBlockimg" src="../images/default-artical.jpg"></div>
43 43
								<div class="mui-media-body flexTit">
44 44
									<p class="listtit mui-ellipsis-2">能和心爱的人一起睡觉,是件幸福的事情;可是,打呼噜怎么办?能和心爱的人一起睡觉,是件幸福的事情;可是,打呼噜怎么办?</p>
45 45
								</div>
46 46
							</div>
47
							<div><em class="cmpLable articalLabel">文章</em><span class="timeLabel">3月22日</span></div>
47
							<div><em class="cmpLable resourceLabel">资源</em><span class="timeLabel">3月22日</span></div>
48 48
						</li>
49 49
						<li class="mui-table-view-cell mui-media">
50 50
							<div class="mui-clearfix">
51
								<span class="cmplogo mui-pull-left headRadius"></span><span class="positionR">企业名称<em class="authicon authicon-com-ok"></em></span>
51
								<span class="cmplogo prologo mui-pull-left headRadius"></span><span class="positionR">用户姓名<em class="authicon authicon-pro"></em></span>
52 52
							</div>
53 53
							<div class="mui-content-padded mui-clearfix flexCenter">
54
								<div class="mui-media-object boxBlock headRadius flexImg"><img class="boxBlockimg" src="../images/default-artical.jpg"></div>
54
								<div class="mui-media-object boxBlock flexImg"><img class="boxBlockimg" src="../images/default-artical.jpg"></div>
55 55
								<div class="mui-media-body flexTit">
56 56
									<p class="listtit mui-ellipsis-2">能和心爱的人一起睡觉,是件幸福的事情;可是,打呼噜怎么办?能和心爱的人一起睡觉,是件幸福的事情;可是,打呼噜怎么办?</p>
57 57
								</div>
@ -60,10 +60,10 @@
60 60
						</li>
61 61
						<li class="mui-table-view-cell mui-media">
62 62
							<div class="mui-clearfix">
63
								<span class="cmplogo mui-pull-left headRadius"></span><span class="positionR">企业名称<em class="authicon authicon-com-ok"></em></span>
63
								<span class="cmplogo prologo mui-pull-left headRadius"></span><span class="positionR">用户姓名<em class="authicon authicon-pro"></em></span>
64 64
							</div>
65 65
							<div class="mui-content-padded mui-clearfix flexCenter">
66
								<div class="mui-media-object boxBlock headRadius flexImg"><img class="boxBlockimg" src="../images/default-artical.jpg"></div>
66
								<div class="mui-media-object boxBlock flexImg"><img class="boxBlockimg" src="../images/default-artical.jpg"></div>
67 67
								<div class="mui-media-body flexTit">
68 68
									<p class="listtit mui-ellipsis-2">能和心爱的人一起睡觉,是件幸福的事情;可是,打呼噜怎么办?能和心爱的人一起睡觉,是件幸福的事情;可是,打呼噜怎么办?</p>
69 69
								</div>