问题卡片细节

components/pc/answerCard.vue

@@ -12,7 +12,12 @@
         <span>已解决</span>
       </div>
       <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">
           {{questionAbstract}}
         </p>
@@ -32,8 +37,6 @@
           </div>
           <div class="label-box">
             <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>
@@ -269,8 +272,45 @@
         @extend %flex-column-spb;
         align-items: start;
         > .title{
+            @extend %flex-row-center;
+            justify-content: flex-start;
+            .title1{
                 @extend %animate-transition;
                 @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{
           padding: 11*$length 0 15*$length 0;
@@ -300,6 +340,8 @@
             }
           }
           > .label-box{
+              margin-top: 8*$length;
+              margin-bottom: 8*$length;
             margin-left:32*$length;
             .label-box__err{
               color:#fff;
@@ -332,11 +374,13 @@
         }
         &:hover{
           > .title{
+            .title1{
                 color:#00AAE6;
             }
           }
         }
       }
+    }
     &:hover{
       .answer-card__abs{
         .container__abs{

components/pc/projectCard.vue

@@ -325,6 +325,7 @@
 
 
             > p{
+              margin-top: 8*$length;
               margin-bottom: 8*$length;
               margin-right:10*$length;
               padding:2*$length 8*$length;
@@ -403,6 +404,7 @@
             justify-content: flex-start;
 
             > p{
+              margin-top: 8*$length;
               margin-bottom: 8*$length;
               margin-right:10*$length;
               padding:2*$length 8*$length;