Skip to content

T
tl_estate
Commit 258449ab authored by agping's avatar agping
Browse files
Options

开盘详情

parent 8b70f889
Hide whitespace changes
Inline Side-by-side
Showing with 58 additions and 120 deletions
public/appnew/src/components/openSquareDetails/openSquareCommentLi.vue
View file @ 258449ab
...@@ -9,6 +9,16 @@ ...@@ -9,6 +9,16 @@
<p>{{data.create_time}}</p> <p>{{data.create_time}}</p>
<div> <div>
<p class="comment-real-p">{{data.comment}}</p> <p class="comment-real-p">{{data.comment}}</p>
<div class="peply-area" v-if="data.comment_ext.total*1 != 0">
<p v-for="(item, index) in data.comment_ext.list" style="margin-bottom: .1rem;">
<span class="blue-color-span">{{item.agent_name_a}}</span>
<span v-if="item.level*1 == 1">：</span>
<span v-if="item.level*1 == 2">回复</span>
<span v-if="item.level*1 == 2" class="blue-color-span">{{item.agent_name_b}}：</span>
{{item.comment}}
</p>
<p v-if="data.comment_ext.total*1 > 2"><a href="https://api.tonglianjituan.com/app.php/app_broker/download_b" class="blue-color-span">共{{data.comment_ext.total}}条回复></a></p>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -56,7 +66,7 @@ ...@@ -56,7 +66,7 @@
<style scoped> <style scoped>
li>div{ li>div{
padding: .3rem 0; padding-top: .12rem;
} }
li>div>div:nth-of-type(1){ li>div>div:nth-of-type(1){
padding-right: .24rem; padding-right: .24rem;
...@@ -66,55 +76,35 @@ ...@@ -66,55 +76,35 @@
height: .75rem; height: .75rem;
border-radius: .375rem; border-radius: .375rem;
} }
li>div>div:nth-of-type(2){} li>div>div:nth-of-type(2){
width: 100%;
}
li>div>div:nth-of-type(2)>p:nth-of-type(1){ li>div>div:nth-of-type(2)>p:nth-of-type(1){
color: #808080; color: rgba(102,102,102,1);
font-size: .3rem; font-size: .3rem;
} }
li>div>div:nth-of-type(2)>p:nth-of-type(2){ li>div>div:nth-of-type(2)>p:nth-of-type(2){
color: #808080; color: rgba(153,153,153,1);
font-size: .24rem; font-size: .24rem;
padding-top: .1rem; padding-top: .1rem;
} }
li>div>div:nth-of-type(2)>div{ li>div>div:nth-of-type(2)>div{
padding: .2rem 0 .2rem; padding: .15rem 0 .2rem;
color: #1a1a1a; color: #1a1a1a;
position: relative; position: relative;
} }
.comment-real-p{ .comment-real-p{
word-break: break-all; word-break: break-all;
color:rgba(51,51,51,1);
} }
.comment-a-lookmore,.comment-a-shouqi{ .blue-color-span{
display: block; color: #50B9FC;
line-height: .4rem;
color: #FF9419;
font-size: .26rem;
position: relative;
}
.comment-a-lookmore{
width: 1.4rem;
position: absolute;
right: 0;
bottom: .2rem;
}
.comment-a-shouqi{
text-align: right;
}
.comment-a-lookmore::after{
content: '';
float: right;
width: .18rem;
height: .4rem;
padding-left: .18rem;
background: url(images/icon_down@2x.png) no-repeat center center/.18rem .13rem;
transform: rotate(180deg);
} }
.comment-a-shouqi::after{ .peply-area{
content: ''; margin-top: .1rem;
width: .18rem; width: 100%;
height: .4rem; box-sizing: border-box;
padding-left: .36rem; padding: .16rem .18rem;
background: url(images/icon_down@2x.png) no-repeat center center/.18rem .13rem; background:rgba(241,242,244,.3999);
} }
</style> </style>
\ No newline at end of file
public/appnew/src/components/openSquareDetails/openSquareDetails.vue
View file @ 258449ab
...@@ -4,7 +4,12 @@ ...@@ -4,7 +4,12 @@
<article> <article>
<div class="article-bar"> <div class="article-bar">
<h1>{{articleTitle}}</h1> <h1>{{articleTitle}}</h1>
<p>{{articleSiteName}} {{articleDepartmentName}} {{articleName}} {{articleTime}}</p> <p class="p-span-style">
<span>{{articleSiteName.substr(0,articleSiteName.length-1)}}</span>
<span>{{articleDepartmentName}}</span>
<span>{{articleName}}</span>
<span>{{articleTime}}</span>
</p>
</div> </div>
<div class="oh article-content-area" v-html="articleContent">{{articleContent}}</div> <div class="oh article-content-area" v-html="articleContent">{{articleContent}}</div>
</article> </article>
...@@ -61,7 +66,7 @@ ...@@ -61,7 +66,7 @@
isStop: false, isStop: false,
isLoading: false, isLoading: false,
noDataFlag: false, noDataFlag: false,
pageSize: 2, pageSize: 10,
page: 1, page: 1,
commentDataList: [] commentDataList: []
}; };
...@@ -174,11 +179,12 @@ ...@@ -174,11 +179,12 @@
max-width: 6.9rem; max-width: 6.9rem;
} }
.article-bar>h1{ .article-bar>h1{
font-size: .4rem; font-size: .36rem;
color: #1a1a1a; color: #000000;
margin-bottom: .26rem;
} }
.article-bar>p{ .article-bar>p span{
font-size: .3rem; font-size: .28rem;
color: #999; color: #999;
} }
.article-bar+div{ .article-bar+div{
...@@ -190,84 +196,26 @@ ...@@ -190,84 +196,26 @@
.list-commnet-area>h2{ .list-commnet-area>h2{
font-size: .32rem; font-size: .32rem;
color: #1a1a1a; color: #1a1a1a;
margin-bottom: .2rem;
}
.p-span-style span:nth-of-type(1){
display: inline-block;
padding: .05rem .16rem;
background: rgba(105,166,255,.1);
color: #50B9FC;
margin-right: .1rem;
} }
.p-span-style span:nth-of-type(2){
.comment-area-seat{ display: inline-block;
height: .98rem; padding: .05rem .16rem;
} background: rgba(255,128,24,.1);
color: #FF8018;
/*按钮区域样式*/ margin-right: .1rem;
.btn-comment-area{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: .98rem;
border-top: 1px solid #ccc;
background-color: white;
}
.btn-comment-area>a{
height: .7rem;
width: 6.86rem;
border-radius: .35rem;
border: 1px solid #ccc;
color: #ccc;
}
.btn-comment-area>a>img{
width: .3rem;
padding-right: .6em;
}
.txt-comment-area{
position: fixed;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .3);
width: 100%;
height: 100%;
}
.mask-comment-area{
width: 100%;
height: 100%;
}
/*评论输入框区域*/
.real-comment-area{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 2.6rem;
background-color: #f4f4f4;
}
.real-comment-area>div:nth-of-type(1){
height: 1.8rem;
}
.real-comment-area>div:nth-of-type(1)>textarea{
width: 6.86rem;
height: 1.4rem;
border: 1px solid #e0e0e0;
border-radius: .1rem;
background-color: white;
}
.real-comment-area>div:nth-of-type(2){
padding: 0 .3rem;
}
.real-comment-area>div:nth-of-type(2)>a{
box-sizing: border-box;
width: 1.2rem;
height: .6rem;
border-radius: .1rem;
font-size: .28rem;
color: #999;
border: 1px solid #e0e0e0;
}
.real-comment-area>div:nth-of-type(2)>a:nth-of-type(2){
background-color: #FA903F;
color: white;
} }
.real-comment-area>div:nth-of-type(2)>a:nth-of-type(3){ .p-span-style span:nth-of-type(3){
background-color: #999; display: inline-block;
color: white; margin-right: .1rem;
} }
</style> </style>
\ 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