Skip to content

B
beyond-clouds-front
Commit a583634b by yanju
Options

完善首页 修复项目 博客 问答页多次请求数据

parent ebb9a65c
Showing with 158 additions and 43 deletions
action/config.js
......@@ -48,6 +48,8 @@ export default {
otherFollowing: '/api/user/', //获取ta的关注（列表） +{userId}/follower
blacklist: '/api/my/blacklist/', //获取黑名单 +{userId}
hotBloggers:'/api/user/hotBloggers',//热门博主
elites:'/api/user/elites',//社区精英
active:'/api/user/actives',//活跃用户
},
Authentication:{
......
pages/answer/index.vue
......@@ -95,15 +95,9 @@ export default {
this.getLabelTitle();
this.dataGetQuestionCategory();
},
/*computed: {
labelTitle: function () {
return this.$route.query.id
}
},*/
watch:{
$route(){
this.restartPagination();
this.dataGetQuestionList(1);
this.getLabelTitle()
}
},
......
pages/blog/index.vue
......@@ -100,7 +100,6 @@ export default {
watch: {
$route: function () {
this.restartPagination();
this.dataGetBlogList(1);
this.getLabelTitle();
}
},
......
pages/index.vue
......@@ -10,18 +10,29 @@
</card-container>
</div>
<div class="home-container__r">
<card-container style="margin-top: 40px" title="最新资讯" label="换一换" more="更多" :clickToGetMore="()=>changeRoute('/blog')">
<card-container style="margin-top: 40px" title="最新资讯" label="换一换" more="更多" @listenCardConMore="changeRoute('/news')">
<div class="information-wrap" v-for="(val,index) in newsList" :key="val.contentId">
<p class="information-time">{{dateConvert(val.createTime)}}</p>
<p class="information-content">{{val.title}}</p>
</div>
</card-container>
<card-container style="margin-top: 16px" title="话题热搜榜" label="实时更新" more="更多">
<card-container style="margin-top: 16px" title="话题热搜榜" label="实时更新" more="更多" @listenCardConMore="changeRoute('/topic')">
<nuxt-link tag="div" :to="'/topic/detail/'+val.topicName" class="topic-content__c" v-for="(val,index) in topicList" :key="val.topicId" >
<p>#{{val.topicName}}#</p>
<h6>{{val.referenceCount}}</h6>
</nuxt-link>
</card-container>
<card-container style="margin-top: 16px" title="社区精英" label="换一换" more="更多">
</card-container>
<card-container style="margin-top: 16px" title="推荐问答" label="换一换" more="更多">
<card-container style="margin-top: 16px" title="社区精英" label="换一换" >
<user-card style="padding-bottom: 2px;padding-top: 2px" v-for="(val,index) in elitesList" :key="val.userId" :info="val"></user-card>
</card-container>
<card-container style="margin-top: 16px" title="热门问答" label="换一换" more="更多" @listenCardConMore="changeRoute('/answer')">
<nuxt-link tag="div" :to="'/topic/detail/'+val.questionId" class="topic-content__c" v-for="(val,index) in answerList" :key="val.questionId" >
<p>{{val.questionTitle}}</p>
<h6>{{val.replyNumber}}</h6>
</nuxt-link>
</card-container>
</div>
......@@ -35,6 +46,8 @@
import CardContainer from '../components/pc/cardContainer';
import ProjectCard from '../components/pc/projectCard';
import config from '../action/config';
import UserCard from '../components/pc/userCard2'
import {dateConvert} from '../action/utils/dataConvert'
export default {
......@@ -43,14 +56,14 @@
let blogList = await $axios.$get(config.api.get.Blog.list,{
params:{
page:1,
size:3,
size:5,
}
});
let projectList = await $axios.$get(config.api.get.Project.list,{
params:{
page:1,
size:3,
size:5,
}
});
......@@ -68,30 +81,75 @@
'https://yundingweb.oss-cn-beijing.aliyuncs.com/yunding/20190828/161fecb3d8b441c5b340319c62508513-file',
'https://s2.ax1x.com/2020/01/13/lHpvY4.png',
],
elitesList:[],
answerList:[],
topicList:[],
newsList:[],
}
},
components:{
CardContainer,Banner,ProjectCard
created() {
this.dataGetHotBloggersList();
this.dataGetHotAnswerList();
this.dataGetHotTopicList();
this.dataGetNewsList();
},
components:{
CardContainer,Banner,ProjectCard,UserCard
},
methods:{
changeRoute(r){
return this.$router.push(r);
},
showAlert(){
// $alert 使用方法
this.$alert('确认清空消息列表？', '', {
confirmButtonText: '确定',
// callback: action => {
// this.$message({
// type: 'info',
// message: `action: ${ action }`,
// confirmButtonPosition: 'left',
// });
// }
});
dateConvert(time) {
return dateConvert(time);
},
dataGetHotBloggersList() {
let params={
page: 1,
size: 5
};
this.$axios.$get(config.api.get.User.elites,{params:params})
.then((response)=>{
this.elitesList = response.data.dataList;
});
},
dataGetHotAnswerList() {
let params={
page: 1,
size: 10
};
this.$axios.$get(config.api.get.Question.hotList,{params:params})
.then((response)=>{
this.answerList = response.data.dataList;
});
},
dataGetHotTopicList() {
let params={
page: 1,
size: 10
};
this.$axios.$get(config.api.get.Topic.hotSearch,{params:params})
.then((response)=>{
this.topicList = response.data.dataList;
});
},
dataGetNewsList() {
let params = {
page: 1,
size: 5,
type: 1
};
this.$axios.$get(config.api.get.Content.list + '/13/contents',
{
params: params
}).then((response) => {
this.newsList = response.data.dataList;
})
},
},
mounted(){
......@@ -113,6 +171,59 @@
.home-container__r{
overflow:hidden;
width:302*$length;
.topic-content__c{
@extend %flex-row-spb;
@extend %cursorPointer;
padding:0 16*$length;
box-sizing: border-box;
margin-top:20*$length;
p{
width:190*$length;
@include fontStyle(12,16,500,#333,left);
@extend %nowrap;
@extend %animate-transition;
&:hover{
color:#00AAE6
}
}
h6{
@include fontStyle(12,16,500,#ccc,left);
@extend %nowrap;
}
}
.information-wrap {
padding:12*$length 16*$length 0;
box-sizing: border-box;
width:302*$length;
&:hover{
.information-time{
color:rgba(0,170,230,.6);
}
.information-content{
color:rgba(0,170,230,1);
}
}
.information-time {
@extend %cursorPointer;
@include fontStyle(12, 16, 500, #CCC, left);
@extend %animate-transition;
@extend %nowrap;
}
.information-content {
width: 100%;
overflow: hidden;
margin-top: 3*$length;
@extend %nowrap;
@extend %cursorPointer;
@extend %animate-transition;
@include fontStyle(14, 19, 500, #333, left);
}
}
}
}
</style>
pages/project/index.vue
......@@ -78,21 +78,30 @@ export default {
}
},
created() {
this.$router.replace({
path: '/project',
query: {
type: 'all'
}
});
this.dataGetProjectCategory();
this.dataGetHotProjectList();
this.getLabelTitle();
if(this.$route.query.type){
this.dataGetProjectCategory();
this.dataGetHotProjectList();
this.getLabelTitle();
}else{
this.$router.replace({
path: '/project',
query: {
type: 'all'
}
});
this.dataGetProjectCategory();
this.dataGetHotProjectList();
this.getLabelTitle();
}
},
watch:{
$route(){
this.restartPagination();
this.dataGetProjectList(1);
this.getLabelTitle()
}
},
......@@ -129,7 +138,7 @@ export default {
page:1,
size:5
};
this.$axios.$get(config.api.get.Project.list,{params:params}).then((response)=>{
this.$axios.$get(config.api.get.Project.hotList,{params:params}).then((response)=>{
this.hotProjectList = response.data.dataList;
})
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment