From 27d35a9f1355e4a56aa1e8c1aad9c7f58002ed50 Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期三, 10 八月 2022 17:52:13 +0800
Subject: [PATCH] 修改login

---
 src/components/page/News.vue |   64 ++++++++++++++++++--------------
 1 files changed, 36 insertions(+), 28 deletions(-)

diff --git a/src/components/page/News.vue b/src/components/page/News.vue
index be05aef..4b92a13 100644
--- a/src/components/page/News.vue
+++ b/src/components/page/News.vue
@@ -3,40 +3,40 @@
     <!-- <p>{{ this.$route.query.id }}</p> -->
     <div class="header">
       <h2>{{ title }}</h2>
-      <p>鍙戝竷鏃ユ湡锛歿{ releaseTime }} 鐐瑰嚮閲忥細[ {{hits}} ]</p>
+      <p>鍙戝竷鏃ユ湡锛歿{ releaseTime }} 鐐瑰嚮閲忥細[ {{ hits }} ]</p>
     </div>
-    <hr>
-    <div v-html="content" class="content"></div>
+    <hr />
+    <div v-html="content" class="ql-editor"></div>
   </div>
 </template>
 <script>
-import {getnew} from '../../api/api'
+import { getnew } from '../../api/api'
 export default {
-  name:'noticeMessage',
-  data(){
+  name: 'noticeMessage',
+  data() {
     return {
-      content:'',
-      hits:'',
-      releaseTime:'',
-      title:''
+      content: '',
+      hits: '',
+      releaseTime: '',
+      title: ''
     }
   },
-  created(){
+  created() {
     // console.log(">>>>>>>>",this.$route.query.id);
-    this.getalone();
+    this.getalone()
   },
-  methods:{
-    getalone(){
-      const data = this.$route.query.id;
+  methods: {
+    getalone() {
+      const data = this.$route.query.id
       getnew(data).then(res => {
-        console.log(res);
-        this.content = res.data.content;
-        this.hits = res.data.hits;
-        this.releaseTime = res.data.releaseTime;
-        this.title = res.data.title;
+        console.log(res)
+        this.content = res.data.content
+        this.hits = res.data.hits
+        this.releaseTime = res.data.releaseTime
+        this.title = res.data.title
       })
-    },
-  },
+    }
+  }
 }
 </script>
 <style>
@@ -44,17 +44,25 @@
   width: 1200px;
   margin: 0 auto;
 }
-.header h2{
+.header h2 {
   color: rgb(3, 73, 144);
   text-align: center;
 }
-.header p{
+.header p {
   background-color: rgb(246, 246, 246);
   text-align: center;
   height: 35px;
   line-height: 35px;
 }
-/* .content span{
-  background-color: rgb(0, 0, 0);
-} */
-</style>
\ No newline at end of file
+.ql-editor {
+  padding: 12px 0px !important;
+}
+.ql-editor p {
+  letter-spacing: 1px;
+  line-height: 25px;
+}
+.ql-editor img {
+  width: 600px;
+  height: 400px;
+}
+</style>

--
Gitblit v1.8.0