Skip to content

B
beyond-clouds-front
Commit dccd8039 by yanju
Options

问题卡片细节

parent a0257d0c
Showing with 49 additions and 3 deletions
components/pc/answerCard.vue
...@@ -12,7 +12,12 @@ ...@@ -12,7 +12,12 @@
<span>已解决</span> <span>已解决</span>
</div> </div>
<div class="answer-card__right"> <div class="answer-card__right">
<div class="title">{{questionTitle}}</div> <div class="title">
<p class="title1">{{questionTitle}}</p>
<div class="label-box">
<p v-if="isMy&&status===-1" class="label-box__zero">被锁定</p>
</div>
</div>
<p class="content"> <p class="content">
{{questionAbstract}} {{questionAbstract}}
</p> </p>
...@@ -32,8 +37,6 @@ ...@@ -32,8 +37,6 @@
</div> </div>
<div class="label-box"> <div class="label-box">
<p v-for="(val,index) in tags" :key="val.tagId">{{val.tagName}}</p> <p v-for="(val,index) in tags" :key="val.tagId">{{val.tagName}}</p>
<p v-if="isMy&&status===0" class="label-box__pass">正常</p>
<p v-if="isMy&&status===-1" class="label-box__zero">被锁定</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -269,8 +272,45 @@ ...@@ -269,8 +272,45 @@
@extend %flex-column-spb; @extend %flex-column-spb;
align-items: start; align-items: start;
> .title{ > .title{
@extend %flex-row-center;
justify-content: flex-start;
.title1{
@extend %animate-transition; @extend %animate-transition;
@include fontStyle(18,25,500,#222,left); @include fontStyle(18,25,500,#222,left);
height: auto;
}
> .label-box{
margin-top: 8*$length;
margin-bottom: 8*$length;
margin-left:32*$length;
.label-box__err{
color:#fff;
background-color: #f11818;
}
.label-box__zero{
color:#fff;
background-color: #ff780091;
}
.label-box__pass{
color:#fff;
background-color: #11ef1fb0;
}
> p{
display: inline-block;
margin-right:10*$length;
padding:2*$length 8*$length;
background-color: #F4F8FA;
@include border-radius(2*$length);
@include fontStyle(12,16,500,#999,center);
@extend %animate-transition;
@extend %cursorPointer;
&:hover{
background-color:rgba(0,170,230,.2);
color:rgba(0,170,230,1);
}
}
}
} }
> .content{ > .content{
padding: 11*$length 0 15*$length 0; padding: 11*$length 0 15*$length 0;
...@@ -300,6 +340,8 @@ ...@@ -300,6 +340,8 @@
} }
} }
> .label-box{ > .label-box{
margin-top: 8*$length;
margin-bottom: 8*$length;
margin-left:32*$length; margin-left:32*$length;
.label-box__err{ .label-box__err{
color:#fff; color:#fff;
...@@ -332,11 +374,13 @@ ...@@ -332,11 +374,13 @@
} }
&:hover{ &:hover{
> .title{ > .title{
.title1{
color:#00AAE6; color:#00AAE6;
} }
} }
} }
} }
}
&:hover{ &:hover{
.answer-card__abs{ .answer-card__abs{
.container__abs{ .container__abs{
......
components/pc/projectCard.vue
...@@ -325,6 +325,7 @@ ...@@ -325,6 +325,7 @@
> p{ > p{
margin-top: 8*$length;
margin-bottom: 8*$length; margin-bottom: 8*$length;
margin-right:10*$length; margin-right:10*$length;
padding:2*$length 8*$length; padding:2*$length 8*$length;
...@@ -403,6 +404,7 @@ ...@@ -403,6 +404,7 @@
justify-content: flex-start; justify-content: flex-start;
> p{ > p{
margin-top: 8*$length;
margin-bottom: 8*$length; margin-bottom: 8*$length;
margin-right:10*$length; margin-right:10*$length;
padding:2*$length 8*$length; padding:2*$length 8*$length;
......
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