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/introduce.vue | 106 ++++++++++++++++++++++++++++------------------------
1 files changed, 57 insertions(+), 49 deletions(-)
diff --git a/src/components/page/introduce.vue b/src/components/page/introduce.vue
index 631982e..5403c79 100644
--- a/src/components/page/introduce.vue
+++ b/src/components/page/introduce.vue
@@ -8,14 +8,14 @@
<el-col :span="4" class="marr10">
<ul>
<li v-for="(item, index) in menuList" :key="index" class="liStylenone liPointer marb10" @click="changeMenu(item)">
- <b :class="cont == item.name ? 'ft-blue' : 'ft-black'">{{item.name}}</b>
+ <b :class="cont == item.name ? 'ft-blue' : 'ft-black'">{{ item.name }}</b>
</li>
</ul>
</el-col>
- <!-- 鏂伴椈鍐呭 -->
+ <!-- 鏂伴椈鍐呭 -->
<el-card class="box-card">
<el-col>
- <div v-html="this.new.content"></div>
+ <div v-html="this.new.content" class="ql-editor"></div>
</el-col>
</el-card>
</el-row>
@@ -24,7 +24,7 @@
<script>
import globalTitle from '../globalTitle.vue'
-import {getMinTitle,getNewsList,getnew} from '../../api/api'
+import { getMinTitle, getNewsList, getnew } from '../../api/api'
export default {
name: 'introduce',
components: {
@@ -34,68 +34,73 @@
return {
cont: '',
menuList: [],
- newsList:[],
- new:{} //鏂伴椈瀵硅薄
+ newsList: [],
+ new: {} //鏂伴椈瀵硅薄
}
},
- created() {
- },
+ created() {},
mounted() {
- this.getTitle();
+ this.getTitle()
},
watch: {
- menuList(n,o){
- this.cont = this.menuList[0].name;
- this.getnews(this.menuList[0]); //鏀瑰彉瀵硅薄锛岃彍鍗曟爮鐨勪笢瑗胯鍐欏埌鐩戝惉灞炴�ч噷杈�
+ menuList(n, o) {
+ this.cont = this.menuList[0].name
+ this.getnews(this.menuList[0]) //鏀瑰彉瀵硅薄锛岃彍鍗曟爮鐨勪笢瑗胯鍐欏埌鐩戝惉灞炴�ч噷杈�
}
},
methods: {
//鑾峰彇灏忔爣棰樼殑id
- getTitle(){
- const data = Number(this.$route.query.id);
- getMinTitle(data).then(res => {
- // console.log(res);
- if(res.code == 200){
- this.menuList = res.data
- }
- }).catch(err => {
- console.log(err);
- })
+ getTitle() {
+ const data = Number(this.$route.query.id)
+ getMinTitle(data)
+ .then(res => {
+ // console.log(res);
+ if (res.code == 200) {
+ this.menuList = res.data
+ }
+ })
+ .catch(err => {
+ console.log(err)
+ })
},
//灏忔爣棰樿彍鍗曠殑鐞冨垏鎹�
changeMenu(val) {
- this.cont = val.name;
+ this.cont = val.name
this.getnews(val)
},
//鑾峰彇鍒颁簡鏂伴椈鍒楄〃锛岄噷杈瑰彧鏈変竴涓璞�
- getnews(item){
+ getnews(item) {
const data = {
- current:1,
- newsCategoryId:item.id,
- size:5
- };
- getNewsList(data).then(res => {
- // console.log(res);
- if(res.code == 200){
- this.newsList = res.data.records
- this.getalone(this.newsList[0].id)
- }
- }).catch(error => {
- console.log(error);
- })
+ current: 1,
+ newsCategoryId: item.id,
+ size: 5
+ }
+ getNewsList(data)
+ .then(res => {
+ // console.log(res);
+ if (res.code == 200) {
+ this.newsList = res.data.records
+ this.getalone(this.newsList[0].id)
+ }
+ })
+ .catch(error => {
+ console.log(error)
+ })
},
//鑾峰彇鏂伴椈鍐呭,寰楀埌涓�涓柊闂诲璞�
- getalone(id){
- const data = id;
- getnew(data).then(res => {
- // console.log(res);
- if(res.code == 200){
- this.new = res.data;
- console.log(this.new.content);
- }
- }).catch(error => {
- console.log(error);
- })
+ getalone(id) {
+ const data = id
+ getnew(data)
+ .then(res => {
+ // console.log(res);
+ if (res.code == 200) {
+ this.new = res.data
+ console.log(this.new.content)
+ }
+ })
+ .catch(error => {
+ console.log(error)
+ })
}
}
}
@@ -116,4 +121,7 @@
.ft-black {
color: #000;
}
-</style>
\ No newline at end of file
+.ql-editor {
+ padding: 12px 0px !important;
+}
+</style>
--
Gitblit v1.8.0