我提问的样式修改

src/components/Qa/ucList.vue

@@ -3,15 +3,18 @@
     <div class="article-list" v-for="(item, idx) in items" :key="idx" @click="jumpRouter(item)">
       <div class="article-info">
         <div class="article-info-title">
-          <span v-if="item.isResolve ==true" class="qa-basic qa-solve">【已解决】</span>
-          <span v-if="item.isResolve == false" class="qa-basic qa-unSolve">【待解决】</span>
-          <span class="title one-line-ellipsis" v-html="$keywordActiveShow(item.title,keyWord)"></span>
-
+          <!-- <span v-if="item.isResolve ==true" class="qa-basic qa-solve">【已解决】</span>
+          <span v-if="item.isResolve == false" class="qa-basic qa-unSolve">【待解决】</span> -->
+          <span class="uc-center-one-title one-line-ellipsis" v-html="$keywordActiveShow(item.title,keyWord)"></span>
+          <div class="button-cla" style="margin-right:70px">
+                 <el-button class="edit" @click.stop="editItem(item)" type="text" size="mini"><svg-icon style="margin-right: 6px;font-size: 14px;" icon-class="edit-icon"></svg-icon>编辑</el-button>
+               <el-button class="del" @click.stop="delItem(item)" type="text" size="mini"><svg-icon style="margin-right: 6px;font-size: 14px;" icon-class="del-icon"></svg-icon>删除</el-button>
+             </div>
         </div>
         <!-- 提问内容 -->
         <div class="article-info-summary ">
           <!-- <div class="summary-content two-line-ellipsis" style="word-wrap: break-word;">{{ item.content }}</div> -->
-          <div class="summary-content two-line-ellipsis " v-html="$keywordActiveShow(item.content,keyWord)"></div>
+            <div class="summary-content two-line-ellipsis " v-html="$keywordActiveShow(item.content,keyWord)"></div>
           <!-- <div class="article-info-tools"> -->
             <!-- <div class="article-info-tools-source">来源:{{ item.course }}</div> -->
             <div class="two-line-ellipsis" style="margin-bottom: 10px;" v-if="item.bestAnswer !== ''">
@@ -22,17 +25,15 @@
             <div style="position: relative; font-size: 15px;display: flex;justify-content: flex-start;align-items: center;">
                 <!-- <div style="font-size:15px;margin:8px 0">提问人：{{ item.sysCreateBy }}</div> -->
 
-                <span style="color: #7b7b7b;margin-right: 8px;">
+                <span style="font-size: 14px;color: #999999;margin-right: 8px;">
 
                   提问时间： {{ item.sysCreateTime }}
                 </span>
                 <span v-if="item.status==0||item.status==2" style="color: red">{{statusText(item.status)}}</span>
               <!-- <div class="article-info-tools-btns"> -->
               <!-- <interactBar :data="item" :type="0" class="test" :answers="true" :comments="false" :shares="false" :views="false"></interactBar> -->
-             <div class="button-cla">
-                 <el-button class="edit" @click.stop="editItem(item)" type="text" icon="el-icon-edit" size="mini" >编辑</el-button>
-               <el-button class="del" @click.stop="delItem(item)" type="text" icon="el-icon-delete" size="mini" >删除</el-button>
-             </div>
+             
+             <div class="button-cla"><interactBar nodeWidth="60px" :readonly="true"  :type="4" :data="item" :shares="true" :comments="false" :answers="true" :clickAnswer="true" :views="false"></interactBar></div>
             </div>
             <!-- <el-link icon="el-icon-chat-line-round" class="article-info-tools-btn" >回答57</el-link>
             <el-link icon="el-icon-s-promotion" class="article-info-tools-btn" >分享57</el-link>
@@ -79,9 +80,10 @@
 // import interactBar from '@/components/Portal/interactBar';
 import imageUpload from '@/components/ImageUpload/index.vue';
 import apiQa from '@/api/modules/qa.js'
+import interactBar from '@/components/Portal/interactBar.vue';
 export default {
   name: 'articleItems',
-  components: { imageUpload },
+  components: { imageUpload,interactBar },
   props: {
     items: {
       //name,
@@ -225,8 +227,9 @@ export default {
       font-size: 14px;
     }
 .artlist{
-  padding-left: 23px;
+  padding-left: 16px;
   padding-right: 32px;
+  // margin-top: 30px;
   cursor: pointer;
 }
 .one-line-ellipsis{
@@ -273,8 +276,8 @@ export default {
 }
 .article-list {
   margin: 5px 0;
-  border-bottom: 1px solid #E8E8E8;
-  padding: 10px 0;
+  border-bottom: 1px solid rgba($color: #999999, $alpha:0.2);
+  padding: 33px 0;
 }
 
 .article-info {
@@ -285,7 +288,7 @@ export default {
     display: flex;
     justify-content: flex-start;
     align-items: center;
-    margin-left: -14px;
+    // margin-left: -14px;
     .title{
       margin-left: 8px;
       flex-shrink: 10000;
@@ -298,8 +301,9 @@ export default {
   .article-info-summary {
     margin-left: px;
     // height:70px;
-    color: #666;
+    color: #333;
     .summary-content{
+      font-size: 14px;
       margin:10px 0;
     }
   }

src/components/UserCenter/menu.vue

@@ -268,7 +268,7 @@
           </el-menu-item>
           <el-menu-item index="/qa/myreplys">
             <!-- <i class="el-icon-menu"></i> -->
-            <span slot="title" class="myqa">我回答的</span>
+            <span slot="title" class="textl">我回答的</span>
           </el-menu-item>
         </el-submenu>
         <el-menu-item index="/article/mylist" v-show="curIdentity == 1">