220

src/views/content/components/details.vue

@@ -4,7 +4,13 @@
       <el-col>
         <div class="context">
           <div class="title">{{ value.title }}</div>
-          <div class="details_title">测试</div>
+          <div class="details_title" v-if="value.isTop=='2'">
+            <!--{{value}}-->
+            <span>来源: {{getSource()}}</span>
+            <span>作者:{{value.publishUserName}}</span>
+            <span>日期:{{value.publishTime}}</span>
+            <span>点击数:{{value.viewCount}}</span>
+          </div>
 
           <div class="text" v-html="value.content"></div>
         </div>
@@ -15,7 +21,7 @@
 
 <script>
 export default {
-  name: "Introduction",
+  name: "details",
   props: {
     value: {
       type: Object,
@@ -27,21 +33,36 @@ export default {
   },
   data() {
     return {}
+  },
+  methods:{
+    getSource(){
+      if (this.value.siteType == 1){
+        return "信息科学与技术学院";
+      }else {
+        return "lab 实验室"
+      }
+    }
   }
 }
 </script>
 
 <style scoped lang="scss">
 .details {
+  margin-top: 3rem;
   width: 100%;
 }
 
 .details_title{
+  text-align: center;
+  padding-top: .8rem;
   font-size: 1.2rem;
   font-family: "微软雅黑";
   font-weight: 400;
   color: #B4B4B4;
   line-height: 1.7rem;
+  span{
+    padding: 0 .8rem;
+  }
 }