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 @@
<p>{{data.create_time}}</p>
<div>
<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>
......@@ -56,7 +66,7 @@
<style scoped>
li>div{
padding: .3rem 0;
padding-top: .12rem;
}
li>div>div:nth-of-type(1){
padding-right: .24rem;
......@@ -66,55 +76,35 @@
height: .75rem;
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){
color: #808080;
color: rgba(102,102,102,1);
font-size: .3rem;
}
li>div>div:nth-of-type(2)>p:nth-of-type(2){
color: #808080;
color: rgba(153,153,153,1);
font-size: .24rem;
padding-top: .1rem;
}
li>div>div:nth-of-type(2)>div{
padding: .2rem 0 .2rem;
padding: .15rem 0 .2rem;
color: #1a1a1a;
position: relative;
}
.comment-real-p{
word-break: break-all;
color:rgba(51,51,51,1);
}
.comment-a-lookmore,.comment-a-shouqi{
display: block;
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);
.blue-color-span{
color: #50B9FC;
}
.comment-a-shouqi::after{
content: '';
width: .18rem;
height: .4rem;
padding-left: .36rem;
background: url(images/icon_down@2x.png) no-repeat center center/.18rem .13rem;
.peply-area{
margin-top: .1rem;
width: 100%;
box-sizing: border-box;
padding: .16rem .18rem;
background:rgba(241,242,244,.3999);
}
</style>
\ No newline at end of file
public/appnew/src/components/openSquareDetails/openSquareDetails.vue
View file @ 258449ab
......@@ -4,7 +4,12 @@
<article>
<div class="article-bar">
<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 class="oh article-content-area" v-html="articleContent">{{articleContent}}</div>
</article>
......@@ -61,7 +66,7 @@
isStop: false,
isLoading: false,
noDataFlag: false,
pageSize: 2,
pageSize: 10,
page: 1,
commentDataList: []
};
......@@ -174,11 +179,12 @@
max-width: 6.9rem;
}
.article-bar>h1{
font-size: .4rem;
color: #1a1a1a;
font-size: .36rem;
color: #000000;
margin-bottom: .26rem;
}
.article-bar>p{
font-size: .3rem;
.article-bar>p span{
font-size: .28rem;
color: #999;
}
.article-bar+div{
......@@ -190,84 +196,26 @@
.list-commnet-area>h2{
font-size: .32rem;
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;
}
.comment-area-seat{
height: .98rem;
}
/*按钮区域样式*/
.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;
.p-span-style span:nth-of-type(2){
display: inline-block;
padding: .05rem .16rem;
background: rgba(255,128,24,.1);
color: #FF8018;
margin-right: .1rem;
}
.real-comment-area>div:nth-of-type(2)>a:nth-of-type(3){
background-color: #999;
color: white;
.p-span-style span:nth-of-type(3){
display: inline-block;
margin-right: .1rem;
}
</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