Skip to content

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

经纪人详情暂存2

parent 3b77aae4
Hide whitespace changes
Inline Side-by-side
Showing with 175 additions and 30 deletions
application/app/view/index/agent_detail.html
View file @ 935a04e2
......@@ -29,10 +29,8 @@
<div class="user-info-area-right fr">
<div class="white-space">
<p class="pingjia-fen-p tc"><span id="pingjia_fen"></span>分</p>
<div class="pingfen-area">
<div class="pingfen-xing-large"><small></small><small></small><small></small><small></small><small></small></div>
</div>
<p class="pingjia-shu-p tc">(共<span id="pingjia_shu">99+</span>人评价)</p>
<div class="pingfen-area-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>
</div>
</div>
......@@ -54,21 +52,45 @@
<li>
<div class="li-top-area oh">
<figure class="li-top-area-left fl">
<div><img src="/app/images/temp/photo.png" /></div>
<figcaption class="oh">
<div class="fl">
<p>王女士</p>
<p class="pingfen-xing"><small></small><small></small><small></small><small></small><small></small></p>
<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 class="fr">
<p>非常推荐</p>
</figcaption>
</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>
</figcaption>
</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>
</li>
</ul>
<div class="see-all-area">
<a href="javascript:;">查看全部评价</a>
</div>
</div>
......
public/app/css/agent_detail.css
View file @ 935a04e2
......@@ -39,27 +39,49 @@
height: 1.6rem;
border-radius: .06rem;
}
.pingfen-xing-large {
/*资料显示区星星*/
.pingfen-area-large {
position: relative;
width: 1.7rem;
height: 0.24rem;
margin: 0 auto .05rem;
}
.span-star, .span-star-used {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
padding-left: .2rem;
}
.span-star{
background: url('/app/images/pic_bigstar_black.png') repeat-x 0 0/.34rem .24rem;
.pingfen-area-large>small{
float: left;
margin: 0 .05rem;
width: .24rem;
height: .24rem;
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;
padding-top: .08rem;
}
.pingfen-area>small{
float: left;
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{
background: url('/app/images/pic_bigstar_yellow.png') repeat-x 0 0/.34rem .24rem;
.pingfen-area>small.small-active-guodu{
background: url('/app/images/pic_smallstar_guodu.png') no-repeat 0 0/.16rem .16rem;
}
/**/
.pingjia-fen-p{
color: #FF9419;
font-size: .2rem;
......@@ -74,6 +96,7 @@
color: #999;
font-size: .22rem;
}
/*成交数，带看数区域*/
.user-num-area{
background-color: white;
margin-bottom: .2rem;
......@@ -81,6 +104,7 @@
.user-num-area>div{
width: 50%;
height: 1.5rem;
position: relative;
}
.user-num-area>div>p:nth-of-type(1){
color: #333;
......@@ -94,3 +118,93 @@
text-align: center;
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(){
$('#name_store').html(data['data']['sub_shopname']);
$('.portrait-area>img').attr('src',data['data']['head_portrait']);
$('#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 {
layerTipsX(data['msg']);
};
......@@ -22,9 +23,6 @@ $(function(){
};
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
layerTipsX('error');
},
complete: function(xhr, textStatus){
......@@ -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