案例详情样式

src/components/Portal/comments.vue

@@ -53,7 +53,7 @@
               show-word-limit
               v-model="inputValue"
               maxlength="800"
-              placeholder="写下您的评论(800字以内)，可以@案主哦～"
+              placeholder="写下您的评论～"
             ></el-input>
 
 
@@ -793,6 +793,7 @@
 </script>
 
 <style lang="scss" scoped>
+
 .publish-button{
   // line-height: 30px;
   padding-top: 7px;

src/views/portal/case/Detail.vue

@@ -13,7 +13,10 @@
                       <span class="crumbs-line">/</span>
                       <span class="crumbs-last">案例详情</span>
                   </div>
-                  <div class="title">{{ caseDetail.title }}</div>
+                  <div class="title">
+                    <h5>{{ caseDetail.title }}</h5>
+                    <span style="text-align: right;" v-if="caseDetail.sysCreateTime"> <i class="el-icon-time"></i> {{ caseDetail.sysCreateTime.substring(0,10) }}</span>
+                  </div>
                   <div class="label">
                     <author :onlyAvatar="true" :avatar="authorInfo.avatar" :sex="authorInfo.sex" ></author>
                     <span>案主：{{ authorInfo.name }} ({{authorInfo.orgInfo}})</span>
@@ -21,7 +24,6 @@
                     <span>工号：{{ authorInfo.code }}</span>
                     <span>组织：{{ authorInfo.orgInfo }} </span> -->
                     <span> {{authorInfo.sign}}</span>
-                    <span style="text-align: right;" v-if="caseDetail.sysCreateTime">{{ caseDetail.sysCreateTime.substring(0,10) }}</span>
                   </div>
                   <!-- <div class="label">
                     <span style="margin-left:0px;" v-if="caseDetail.sysCreateTime">{{ caseDetail.sysCreateTime.substring(0,10) }}</span>
@@ -529,6 +531,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
+
   .case-banner{
     height: 240px;
     background: url('/images/case-banner.png');
@@ -630,11 +633,21 @@ export default {
   background-color: #fff;
   padding: 50px;
   .title {
+    display: flex;
+    width: 100%;
+    h5{
+      margin: 0;
       font-size: 20px;
       line-height: 45px;
       font-weight: 600;
-    margin: 10px 0px;
-    word-break:break-all;
+      flex: 1;
+    }
+    span{
+      margin-left: auto;
+      line-height: 45px;
+      color: #999999;
+      font-size: 14px;
+    }
   }
   .label {
     font-size: 15px;
@@ -802,6 +815,7 @@ export default {
   .aligh-title{
     font-size: 14px;
     color: #333333;
+    
   }
   .ranking-data {
     margin: 10px 0;