fix: 修复附件标识样式问题

src/components/article-item/ArticleItem.vue

@@ -3,8 +3,10 @@
     <input v-if="config.collect" @change="changeCheck" @click.stop class="custom-checkbox title-text-checkbox" name="bid-list" type="checkbox" :dataid="article._id">
 	<div v-if="article.site === '剑鱼信息发布平台' || article.spidercode === 'a_jyxxfbpt_gg'" class="yhfb">用户发布</div>
     <div class="a-i-con">
-      <div class="a-i-left ellipsis visited-hd" @click="onClick" v-html="calcTitle"></div>
-      <span v-if="config.gray&&article.ca_fileExists" class="haveFile">有附件</span>
+      <div class="content-item" @click="onClick">
+        <div  v-html="calcTitle" class="a-i-left  ellipsis visited-hd"></div>
+        <span v-if="config.gray&&article.ca_fileExists" class="haveFile">有附件</span>
+      </div>
     </div>
     <div class="a-i-right">
       <div class="tags">
@@ -116,7 +118,7 @@ export default {
 }
 /* 附件标识样式 */
 .haveFile{
-  padding: 1px 8px;
+  padding:0 8px;
   margin-left: 15px;
   height: 20px;
   border-radius: 4px;
@@ -124,7 +126,7 @@ export default {
   font-size: 12px;
   font-weight: 400;
   color: #2CB7CA;
-  line-height: 24px;
+  line-height: 20px;
 }
 </style>
 <style lang="scss" scoped>
@@ -186,9 +188,14 @@ export default {
     .a-i-con{
       flex: 1;
     }
+    .content-item {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
     .a-i-left {
       display: inline-block;
-      max-width: 700px
+      max-width: 650px;
     }
     .a-i-right,
     .tags,