作者 潘浩文
1 个管道 的构建 通过 耗费 0 秒

1

... ... @@ -110,7 +110,7 @@ class BrandController extends WeChatBaseController
$this->assign('like',$like);
$this->assign('list',$data);
return $this->fetch();
return $this->fetch('brand_detail');
}
//品牌评论详情
public function brandComment(){
... ...
... ... @@ -441,7 +441,7 @@ $(".search_img").click(function(){
success: function (data) {
var html = "";
for (var i = 0; i < data.length; i++) {
html += ' <div class="list_item">\n' +
html += ' <div class="list_item" href="'+data[i].url+'">\n' +
' <div class="item_img">\n' +
' <img src="'+data[i].image+'" alt="">\n' +
' </div>\n' +
... ... @@ -475,7 +475,7 @@ $("#order").click(function(){
success: function (data) {
var html = "";
for (var i = 0; i < data.length; i++) {
html += ' <div class="list_item">\n' +
html += ' <div class="list_item" href="'+data[i].url+'">\n' +
' <div class="item_img">\n' +
' <img src="'+data[i].image+'" alt="">\n' +
' </div>\n' +
... ... @@ -508,7 +508,7 @@ function category(obj) {
success: function (data) {
var html = "";
for (var i = 0; i < data.length; i++) {
html += ' <div class="list_item">\n' +
html += ' <div class="list_item" href="'+data[i].url+'">\n' +
' <div class="item_img">\n' +
' <img src="'+data[i].image+'" alt="">\n' +
' </div>\n' +
... ... @@ -536,7 +536,7 @@ function floor(obj) {
success: function (data) {
var html = "";
for (var i = 0; i < data.length; i++) {
html += ' <div class="list_item">\n' +
html += ' <div class="list_item" href="'+data[i].url+'">\n' +
' <div class="item_img">\n' +
' <img src="'+data[i].image+'" alt="">\n' +
' </div>\n' +
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/base.css">
<script type="text/javascript" src="js/base.js"></script>
<title>商家详情</title>
<style>
body,html{
background:#F5F6FA;
}
.title{
width:7.5rem;
height:0.2rem;
font-size: 0;
}
.title img{
width:100%;
height:100%;
}
.head{
box-sizing: border-box;
width:7.5rem;
height:2.3rem;
display:flex;
background: #fff;
padding:0.2rem 0.39rem;
}
.head_content{
margin-left: 0.45rem;
}
.head_img{
width:1.8rem;
height:1.8rem;
}
.head_img img{
width:100%;
height:100%;
}
.head_name{
width:4.3rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color:#000000;
font-size: 0.32rem;
margin-top: 0.1rem;
}
.head_title{
width:4.3rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color:#666666;
font-size: 0.26rem;
margin-top: 0.2rem;
}
.evalute{
width:4.3rem;
display:flex;
justify-content: space-between;
align-items: center;
margin-top: 0.2rem;
}
.floor{
color:#252729;
font-size: 0.26rem;
font-weight: bold;
}
.discuss{
display:flex;
position:relative;
}
.praise{
width:0.6rem;
height:0.6rem;
background: #CA277B;
border-radius: 50%;
font-size: 0;
text-align: center;
vertical-align: middle;
margin-right: 0.16rem;
}
.praise img{
width:0.28rem;
height:0.28rem;
margin-top: 0.15rem;
}
.comment{
width:1.4rem;
height:0.6rem;
background:#CA277B;
color:#fff;
font-size: 0.26rem;
text-align: center;
line-height: 0.6rem;
border-radius:0.3rem;
}
.body{
box-sizing: border-box;
margin-top: 0.16rem;
background: #fff;
}
.shop_tab{
display:flex;
justify-content: space-between;
padding: 0.31rem 1.36rem;
align-items: center;
width:7.5rem;
height:0.88rem;
background: #fff;
border-bottom: 1px solid #f5f5f5;
}
.tab{
color:#97A0A8;
font-size: 0.26rem;
position: relative;
}
.active{
color:#CA277B;
}
.active em{
width:0.8rem;
height:0.06rem;
position: absolute;
left:0;
right:0;
top: 0.45rem;
margin: 0 auto;
background:#CA277B;
border-radius: 0.03rem;
}
.goodtail_name{
display:flex;
justify-content: space-between;
align-items: center;
margin-top: 0.36rem;
}
.good_line{
width:2.5rem;
height:1px;
background: #f5f5f5;
}
.good_name{
color:#999999;
font-size: 0.26rem;
}
.goodtail{
padding: 0 0.24rem 0.5rem 0.24rem;
}
.commenttail{
padding: 0 0.24rem 0.5rem 0.24rem;
}
.goodtail_img{
width:7.02rem;
margin-top: 0.16rem;
}
.goodtail_img img{
width:100%;
height:100%;
}
.comment_list{
display:flex;
border-bottom: 1px solid #f5f5f5;
padding: 0.3rem 0;
}
.comment_img{
width:0.8rem;
height:0.8rem;
border-radius: 50%;
font-size: 0;
}
.comment_img img{
width:100%;
height:100%;
}
.comment_name{
color:#000000;
font-size: 0.3rem;
}
.comment_date{
color:#999999;
font-size: 0.24rem;
}
.comment_text{
color:#000000;
font-size: 0.28rem;
width:5.86rem;
margin-top: 0.53rem;
}
.comment_content{
margin-left: 0.19rem;
}
.commentnum{
width:0.3rem;
text-align: center;
height:0.3rem;
line-height: 0.3rem;
background:#CA277B;
border-radius: 50%;
color:#fff;
position:absolute;
left:0.4rem;
font-size: 0.2rem;
}
</style>
</head>
<body>
<div class="container">
<div class="title">
<img src="img/line.png" alt="">
</div>
<div class="head">
<div class="head_img">
<img src="img/listitem.png" alt="">
</div>
<div class="head_content">
<p class="head_name">
Hard Rock Cafe
</p>
<p class="head_title">
西式餐厅
</p>
<div class="evalute">
<p class="floor">
1楼
</p>
<div class="discuss">
<p class="praise">
<img src="img/zan.png" alt="">
<p class="commentnum">11</p>
</p>
<p class="comment">
评论留言
</p>
</div>
</div>
</div>
</div>
<div class="body">
<div class="shop_tab">
<p class="tab active" id="1">
<em></em>
商家详情
</p>
<P class="tab" id="2">
<em></em>
评论留言
</P>
</div>
<div class="goodtail" >
<div class="goodtail_name">
<p class="good_line"></p>
<p class="good_name">商家详情</p>
<p class="good_line"></p>
</div>
<div class="goodtail_img">
<img src="img/goodtail.png" alt="">
</div>
</div>
<div class="commenttail" style="display:none">
<div class="comment_list">
<div class="comment_img">
<img src="img/commentlist.png" alt="">
</div>
<div class="comment_content">
<p class="comment_name">向昱筱</p>
<p class="comment_date">2018-03-09</p>
<div class="comment_text">
颜值高口感好,很新鲜,奶油一点都不腻,超清
爽的口感,奶香味很浓,非常喜欢。
</div>
</div>
</div>
<div class="comment_list">
<div class="comment_img">
<img src="img/commentlist.png" alt="">
</div>
<div class="comment_content">
<p class="comment_name">向昱筱</p>
<p class="comment_date">2018-03-09</p>
<div class="comment_text">
颜值高口感好,很新鲜,奶油一点都不腻,超清
爽的口感,奶香味很浓,非常喜欢。
</div>
</div>
</div>
<div class="comment_list">
<div class="comment_img">
<img src="img/commentlist.png" alt="">
</div>
<div class="comment_content">
<p class="comment_name">向昱筱</p>
<p class="comment_date">2018-03-09</p>
<div class="comment_text">
颜值高口感好,很新鲜,奶油一点都不腻,超清
爽的口感,奶香味很浓,非常喜欢。
</div>
</div>
</div>
<div class="comment_list">
<div class="comment_img">
<img src="img/commentlist.png" alt="">
</div>
<div class="comment_content">
<p class="comment_name">向昱筱</p>
<p class="comment_date">2018-03-09</p>
<div class="comment_text">
颜值高口感好,很新鲜,奶油一点都不腻,超清
爽的口感,奶香味很浓,非常喜欢。
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script>
$(".tab").click(function(){
if($(this).attr("id")==1){
$(this).addClass("active");
$(this).siblings(".tab").removeClass("active")
$(".goodtail").css("display","block");
$(".commenttail").css("display","none")
}else if($(this).attr("id")==2){
$(this).addClass("active");
$(this).siblings(".tab").removeClass("active")
$(".goodtail").css("display","none");
$(".commenttail").css("display","block")
}
})
//评论留言
$(".comment").click(function(){
window.location.href='writeevalute.html'
})
//点赞
$(".discuss").click(function(){
window.event.stopPropagation();
var num=$(".commentnum").html();
num++;
$(".commentnum").html(num)
})
</script>
</body>
</html>
... ...