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/kePuFengCai.vue | 110 ++++++++++++++++++++++++++----------------------------
1 files changed, 53 insertions(+), 57 deletions(-)
diff --git a/src/components/page/kePuFengCai.vue b/src/components/page/kePuFengCai.vue
index 67ccf55..1c2ba23 100644
--- a/src/components/page/kePuFengCai.vue
+++ b/src/components/page/kePuFengCai.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">
- <p class="name">{{this.cont}}</p>
- <hr class="namehr">
+ <p class="name">{{ this.cont }}</p>
+ <hr class="namehr" />
<el-col :span="24">
<div>
<el-row class="marb10" :key="index" v-for="(item, index) in newsList">
@@ -28,14 +28,7 @@
</div>
<!-- 鍒嗛〉 -->
<div class="fenye">
- <el-pagination
- background
- @current-change="handleCurrentChange"
- :current-page.sync="currentPage"
- :page-size="pageSize"
- layout="prev, pager, next,total"
- :total="total">
- </el-pagination>
+ <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" :page-size="pageSize" layout="prev, pager, next,total" :total="total"> </el-pagination>
</div>
</el-col>
</el-card>
@@ -53,66 +46,69 @@
return {
cont: '',
menuList: [],
- newsList:[],
- pageSize:5,
- currentPage:1,
- total:0,
- item:{},
+ newsList: [],
+ pageSize: 6,
+ currentPage: 1,
+ total: 0,
+ item: {}
}
},
- created() {
- },
+ created() {},
mounted() {
- this.getTitle();
+ this.getTitle()
},
watch: {
- menuList(n,o){
- this.cont = this.menuList[0].name
- this.item = this.menuList[0];
- this.getnews(this.menuList[0]);
+ menuList(n, o) {
+ this.cont = this.menuList[0].name
+ this.item = this.menuList[0]
+ this.getnews(this.menuList[0])
}
},
methods: {
handleCurrentChange(val) {
- console.log(`褰撳墠椤�: ${val}`);
- this.getnews(this.item);
+ console.log(`褰撳墠椤�: ${val}`)
+ this.getnews(this.item)
},
- 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.item = val
this.currentPage = 1
- this.getnews(val);
+ this.getnews(val)
},
- getnews(item){
+ getnews(item) {
const data = {
- current:this.currentPage,
- newsCategoryId:item.id,
- size:this.pageSize
- };
- getNewsList(data).then(res => {
- console.log(res);
- if(res.code == 200){
- this.newsList = res.data.records
- this.total = Number(res.data.total)
- }
- }).catch(error => {
- console.log(error);
- })
+ current: this.currentPage,
+ newsCategoryId: item.id,
+ size: this.pageSize
+ }
+ getNewsList(data)
+ .then(res => {
+ console.log(res)
+ if (res.code == 200) {
+ this.newsList = res.data.records
+ this.total = Number(res.data.total)
+ }
+ })
+ .catch(error => {
+ console.log(error)
+ })
},
- show(item){
+ show(item) {
// console.log(item.id);
- this.$router.push({path:'/home/news',query:{id:item.id}})
+ this.$router.push({ path: '/home/news', query: { id: item.id } })
}
}
}
@@ -134,12 +130,12 @@
.ft-black {
color: #000;
}
-.box-card{
+.box-card {
height: 500px;
position: relative;
- .fenye{
+ .fenye {
position: absolute;
bottom: 10px;
}
-}
-</style>
\ No newline at end of file
+}
+</style>
--
Gitblit v1.8.0