From 71b92b0c6d3d7efd603d9fcb84506be0cbf0e4a6 Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期一, 08 八月 2022 18:20:39 +0800
Subject: [PATCH] 完善Readme
---
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..5aebec3 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 + 1) / 2 }} ]</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