Skip to content

T
tl_estate
Commit 935a04e2 authored by xishifeng's avatar xishifeng
Browse files
Options

经纪人详情暂存2

parent 3b77aae4
Show whitespace changes
Inline Side-by-side
Showing with 173 additions and 28 deletions
application/app/view/index/agent_detail.html
View file @ 935a04e2
...@@ -29,10 +29,8 @@ ...@@ -29,10 +29,8 @@
<div class="user-info-area-right fr"> <div class="user-info-area-right fr">
<div class="white-space"> <div class="white-space">
<p class="pingjia-fen-p tc"><span id="pingjia_fen"></span>分</p> <p class="pingjia-fen-p tc"><span id="pingjia_fen"></span>分</p>
<div class="pingfen-area"> <div class="pingfen-area-large"><small></small><small></small><small></small><small></small><small></small></div>
<div class="pingfen-xing-large"><small></small><small></small><small></small><small></small><small></small></div> <p class="pingjia-shu-p tc">(共<span id="pingjia_shu"></span>人评价)</p>
</div>
<p class="pingjia-shu-p tc">(共<span id="pingjia_shu">99+</span>人评价)</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -54,21 +52,45 @@ ...@@ -54,21 +52,45 @@
<li> <li>
<div class="li-top-area oh"> <div class="li-top-area oh">
<figure class="li-top-area-left fl"> <figure class="li-top-area-left fl">
<div><img src="/app/images/temp/photo.png" /></div> <div class="oh fl"><img src="/app/images/temp/photo.png" class="fl" /></div>
<figcaption class="oh"> <figcaption class="oh fl">
<div class="fl">
<p>王女士</p> <p>王女士</p>
<p class="pingfen-xing"><small></small><small></small><small></small><small></small><small></small></p> <div class="oh">
<div class="pingfen-area fl"><small></small><small></small><small></small><small></small><small></small></div>
<p class="fl">非常推荐</p>
</div> </div>
<div class="fr"> </figcaption>
<p>非常推荐</p> </figure>
<div class="li-top-area-right fr">2017-12-17</div>
</div>
<div class="li-bottom-area">
<h3>2017-03在长宁路看房</h3>
<p>好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。</p>
</div>
</li>
<li>
<div class="li-top-area oh">
<figure class="li-top-area-left fl">
<div class="oh fl"><img src="/app/images/temp/photo.png" class="fl" /></div>
<figcaption class="oh fl">
<p>王女士</p>
<div class="oh">
<div class="pingfen-area fl"><small></small><small></small><small></small><small></small><small></small></div>
<p class="fl">非常推荐</p>
</div> </div>
</figcaption> </figcaption>
</figure> </figure>
<div class="li-top-area-right fr"></div> <div class="li-top-area-right fr">2017-12-17</div>
</div>
<div class="li-bottom-area">
<h3>2017-03在长宁路看房</h3>
<p>好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。好的很好，非常好。</p>
</div> </div>
</li> </li>
</ul> </ul>
<div class="see-all-area">
<a href="javascript:;">查看全部评价</a>
</div>
</div> </div>
......
public/app/css/agent_detail.css
View file @ 935a04e2
...@@ -39,27 +39,49 @@ ...@@ -39,27 +39,49 @@
height: 1.6rem; height: 1.6rem;
border-radius: .06rem; border-radius: .06rem;
} }
.pingfen-xing-large { /*资料显示区星星*/
.pingfen-area-large {
position: relative; position: relative;
width: 1.7rem; width: 1.7rem;
height: 0.24rem; height: 0.24rem;
margin: 0 auto .05rem; overflow: hidden;
padding-left: .2rem;
} }
.span-star, .span-star-used { .pingfen-area-large>small{
position: absolute; float: left;
left: 0; margin: 0 .05rem;
top: 0; width: .24rem;
width: 100%; height: .24rem;
height: 100%; background: url('/app/images/pic_bigstar_black.png') no-repeat 0 0/.24rem .24rem;
}
.pingfen-area-large>small.small-active{
background: url('/app/images/pic_bigstar_yellow.png') no-repeat 0 0/.24rem .24rem;
}
.pingfen-area-large>small.small-active-guodu{
background: url('/app/images/pic_bigstar_guodu.png') no-repeat 0 0/.24rem .24rem;
}
/*评论区星星*/
.pingfen-area {
position: relative;
width: 1.3rem;
height: 0.16rem;
overflow: hidden; overflow: hidden;
padding-top: .08rem;
} }
.pingfen-area>small{
.span-star{ float: left;
background: url('/app/images/pic_bigstar_black.png') repeat-x 0 0/.34rem .24rem; margin: 0 .05rem;
width: .16rem;
height: .16rem;
background: url('/app/images/pic_smallstar_black.png') no-repeat 0 0/.16rem .16rem;
}
.pingfen-area>small.small-active{
background: url('/app/images/pic_smallstar_yellow.png') no-repeat 0 0/.16rem .16rem;
} }
.span-star-used{ .pingfen-area>small.small-active-guodu{
background: url('/app/images/pic_bigstar_yellow.png') repeat-x 0 0/.34rem .24rem; background: url('/app/images/pic_smallstar_guodu.png') no-repeat 0 0/.16rem .16rem;
} }
/**/
.pingjia-fen-p{ .pingjia-fen-p{
color: #FF9419; color: #FF9419;
font-size: .2rem; font-size: .2rem;
...@@ -74,6 +96,7 @@ ...@@ -74,6 +96,7 @@
color: #999; color: #999;
font-size: .22rem; font-size: .22rem;
} }
/*成交数，带看数区域*/
.user-num-area{ .user-num-area{
background-color: white; background-color: white;
margin-bottom: .2rem; margin-bottom: .2rem;
...@@ -81,6 +104,7 @@ ...@@ -81,6 +104,7 @@
.user-num-area>div{ .user-num-area>div{
width: 50%; width: 50%;
height: 1.5rem; height: 1.5rem;
position: relative;
} }
.user-num-area>div>p:nth-of-type(1){ .user-num-area>div>p:nth-of-type(1){
color: #333; color: #333;
...@@ -94,3 +118,93 @@ ...@@ -94,3 +118,93 @@
text-align: center; text-align: center;
font-size: .26rem; font-size: .26rem;
} }
.user-num-area>div:nth-of-type(1)::after{
content: '';
position: absolute;
right: 0;
top: .56rem;
width: 1px;
height: .38rem;
background-color: #e6e6e6;
}
.user-num-area>div:nth-of-type(2)::before{
content: '';
position: absolute;
left: 0;
top: .56rem;
width: 1px;
height: .38rem;
background-color: #e6e6e6;
}
/*评论列表区域*/
.pingjia-list-area{
margin-top: .2rem;
padding: 0 .3rem;
background-color: white;
}
.pingjia-list-area>section{
border-bottom: 1px solid #e6e6e6;
font-size: .34rem;
font-weight: bold;
line-height: .9rem;
height: .9rem;
}
.pingjia-list-area .li-top-area-left{
padding-top: .5rem;
}
.pingjia-list-area .li-top-area-left>div{
width: .8rem;
height: .8rem;
border-radius: 50%;
}
.pingjia-list-area .li-top-area-left>div>img{
width: 100%;
height: 100%;
}
.pingjia-list-area .li-top-area-left>figcaption{
width: 3.5rem;
box-sizing: border-box;
padding-left: .2rem;
}
.pingjia-list-area .li-top-area-left>figcaption>p{
color: #999;
font-size: .3rem;
padding: 0.05rem 0 0;
}
.pingjia-list-area .li-top-area-left>figcaption>div>p{
color: #FF9419;
font-size: .24rem;
padding-left: .1rem;
}
.pingjia-list-area .li-top-area-right{
font-size: .24rem;
color: #999;
padding-top: .94rem;
}
.pingjia-list-area .li-bottom-area>h3{
font-size: .34rem;
font-weight: bold;
color: #333;
padding: .2rem 0 .1rem;
}
.pingjia-list-area .li-bottom-area>p{
font-size: .3rem;
color: #333;
line-height: .44rem;
}
.see-all-area{
padding: .3rem 0 0.5rem;
}
.see-all-area>a{
display: block;
text-align: center;
color: white;
line-height: .8rem;
margin: 0 auto;
font-size: .32rem;
width: 3rem;
background-color: #FF9419;
border-radius: .4rem;
}
public/app/js/agent_detail.js
View file @ 935a04e2
...@@ -13,7 +13,8 @@ $(function(){ ...@@ -13,7 +13,8 @@ $(function(){
$('#name_store').html(data['data']['sub_shopname']); $('#name_store').html(data['data']['sub_shopname']);
$('.portrait-area>img').attr('src',data['data']['head_portrait']); $('.portrait-area>img').attr('src',data['data']['head_portrait']);
$('#pingjia_fen').html(parseInt(data['data']['evaluate_grade'])); $('#pingjia_fen').html(parseInt(data['data']['evaluate_grade']));
$('.span-star-used').css('width',parseInt(data['data']['evaluate_grade'])*10+'%'); dealStar($('.pingfen-area-large'), parseInt(data['data']['evaluate_grade']));
$('#pingjia_shu').html(Number(data['data']['evaluate_num'])>99?'99+':Number(data['data']['evaluate_num']));
}else { }else {
layerTipsX(data['msg']); layerTipsX(data['msg']);
}; };
...@@ -22,9 +23,6 @@ $(function(){ ...@@ -22,9 +23,6 @@ $(function(){
}; };
}, },
error: function(XMLHttpRequest, textStatus, errorThrown) { error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
layerTipsX('error'); layerTipsX('error');
}, },
complete: function(xhr, textStatus){ complete: function(xhr, textStatus){
...@@ -33,4 +31,14 @@ $(function(){ ...@@ -33,4 +31,14 @@ $(function(){
}; };
} }
}); });
function dealStar(_parObj, _fen){
_parObj.find('small').each(function(i, v){
if(_fen/2-(i+1) > -0.5) {
$(this).removeClass('small-active small-active-guodu').addClass('small-active');
}else if(_fen/2-(i+1) == -0.5){
$(this).removeClass('small-active small-active-guodu').addClass('small-active-guodu');
}
});
}
}); });
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment