From 40dd36a940f53dc57115483d069dd27d87b8cb1f Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期四, 03 三月 2022 15:22:53 +0800
Subject: [PATCH] 功能完善
---
src/components/page/News.vue | 31 +++++++++++++++++++------------
1 files changed, 19 insertions(+), 12 deletions(-)
diff --git a/src/components/page/News.vue b/src/components/page/News.vue
index a76f040..4210f91 100644
--- a/src/components/page/News.vue
+++ b/src/components/page/News.vue
@@ -3,10 +3,10 @@
<!-- <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"></div>
+ <div v-html="content" class="ql-editor"></div>
</div>
</template>
<script>
@@ -22,9 +22,8 @@
}
},
created(){
- console.log(">>>>>>>>",this.$route.query.id);
+ // console.log(">>>>>>>>",this.$route.query.id);
this.getalone();
- // this.queryAll();
},
methods:{
getalone(){
@@ -37,25 +36,33 @@
this.title = res.data.title;
})
},
- // queryAll(){
- // this.content = ``
- // }
},
}
</script>
<style>
-h2{
+.box {
+ width: 1200px;
+ margin: 0 auto;
+}
+.header h2{
color: rgb(3, 73, 144);
text-align: center;
}
-p{
+.header p{
background-color: rgb(246, 246, 246);
text-align: center;
height: 35px;
line-height: 35px;
}
-.box {
- width: 1200px;
- margin: 0 auto;
+.ql-editor{
+ padding: 12px 0px !important;
+}
+.ql-editor p{
+ letter-spacing: 1px;
+ line-height: 25px;
+}
+.ql-editor img{
+ width: 600px;
+ height: 400px;
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0