文章详细页面的样式调整

src/assets/styles/portal.scss

@@ -39,16 +39,25 @@ body {
   box-sizing: border-box;
 }
 
+.xpage-detail-content{
+  padding: 54px;
+  background-color: #fff;
+}
 // 详细页面的面包屑
 .xpage-detail-crumbs{
-  margin-top: 54px;
-  margin-left: 54px;
   .crumbs-first{
     color:#cccccc;
   }
-  .crumbs-last{
+  .crumbs-item{
     color:#999999;
   }
+  .crumbs-line{
+    margin: 0px 5px;
+    color:#999999;
+  }
+  .crumbs-last{
+    color:#3d3d3d;
+  }
 }
 
 @media screen and (max-width: 1366px){

src/views/portal/article/Detail.vue

@@ -4,19 +4,20 @@
     <portal-header current="article" :goSearch="3"></portal-header>
     </div>
     <div class="portal-content xcontent" style="margin-top: 30px;">
- 
+
       <div class="xrow" style="display: flex;justify-content: space-between;">
          <div style="flex: 1;" class="xcol content-div">
           <el-row  v-if="noData" >
           <div>
-            
+
               <!-- <div v-else>我四娘娘</div> -->
               <!-- <el-card :body-style="{ padding: '0px',background: '#f6f7fb' }" class="detail"> -->
               <div class="detail">
-                <el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb-nav">
-        <el-breadcrumb-item :to="{ path: '/article' }">文章列表</el-breadcrumb-item>
-        <el-breadcrumb-item>文章详情</el-breadcrumb-item>    
-      </el-breadcrumb>
+                <div class="xpage-detail-crumbs">
+                    <router-link to="/article"><span class="crumbs-first">文章列表</span></router-link>
+                    <span class="crumbs-line">/</span>
+                    <span class="crumbs-last">文章详情</span>
+                </div>
                 <div class="title">{{articleDetailData.title}}</div>
                 <div class="label">
                   <div style="margin-top: 5px;">
@@ -52,7 +53,7 @@
           </div>
          </div>
          <div style="width: 410px;margin-left: 5px;">
-           
+
           <div>
            <div id="articleAnking">
             <el-button class="write-art" @click="openDialog" type="primary"><svg-icon icon-class="addArticle" style="margin-right: 20px;font-size: 26px;"></svg-icon>写文章</el-button>
@@ -87,9 +88,9 @@
             </div>
          </div>
       </div>
-   
-     
-     
+
+
+
 
       <!--以下是评论信息-->
 
@@ -182,7 +183,7 @@ export default {
       let key = 'article';
       apiPlace.detail(key).then(res=>{
         console.log(res)
-        let lmj =  JSON.parse(res.result.content) 
+        let lmj =  JSON.parse(res.result.content)
         // console.log(lmj)
         this.resonimg = lmj[0]
         console.log(this.resonimg.image)
@@ -333,14 +334,14 @@ export default {
 }
 .detail {
   background-color: #fff;
-  padding: 5px 20px 10px 20px;
+  padding: 54px;
   .title {
     font-size: 22px;
     text-align: center;
     line-height: 33px;
     color: #121212 ;
     font-weight: 500;
-    margin-top: 20px;
+    margin-top: 30px;
     word-break:break-all;
   }
   .label {
@@ -413,29 +414,4 @@ export default {
     color: #999999;
   }
 }
-// .ref-article-div {
-//   background-color: #fff;
-//   .change {
-//     float: right;
-//   }
-//   .list-item {
-//     padding: 5px 10px;
-//   }
-//   .list-item:not(:last-child) {
-//     border-bottom: 1px solid #dfdfdf;
-//   }
-//   img {
-//     width: 120px;
-//     border: 1px solid #eee;
-//     border-radius: 5px;
-//     vertical-align: middle;
-//   }
-//   .an-div {
-//     text-align: left;
-//     .tip {
-//       line-height: 35px;
-//       color: #666;
-//     }
-//   }
-// }
 </style>