【时间记录】2025.06.10

Jackerzhang · 发表于 2025-6-10 12:48:34

12:05-12：48，雅佳小程序，crmeb的文章分类页，title的”资讯“改为”“， as a 初级前端工程师，

文章分类页路由， /pages/extension/news_list/index，
文章详情页路由，/pages/extension/news_details/index?id=4）

<div><script>
import {
getArticleCategoryList,
getArticleList,
getArticleHotList,
getArticleBannerList
} from '@/api/api.js';
import home from '@/components/home';
import colors from "@/mixins/color";
import {
HTTP_REQUEST_URL
} from '@/config/app';
export default {
components: {
home
},
mixins: [colors],
data() {
return {
imgHost: HTTP_REQUEST_URL,
coutList: [],
imgUrls: [],
articleList: [],
indicatorDots: false,
circular: true,
autoplay: true,
interval: 3000,
duration: 500,
navList: [],
active: 0,
page: 1,
limit: 8,
status: false,
scrollLeft: 0,
activeCou: 0
};
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function() {
// this.getArticleHot();
this.status = false;
this.page = 1;
this.articleList = [];
this.getCidArticle(0);
this.getArticleBanner();
this.getArticleCate();
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function() {
this.getCidArticle(this.activeCou);
},
methods: {
getArticleHot: function() {
let that = this;
getArticleHotList().then(res => {
that.$set(that, 'articleList', res.data);
});
},
getArticleBanner: function() {
let that = this;
getArticleBannerList().then(res => {
that.imgUrls = res.data;
});
},
getCidArticle(id, type) {
let that = this;
if (type) {
that.status = false
this.activeCou = id
this.$set(this, 'articleList', []);
that.page = 1
}
// if (id == 0) return;
let limit = that.limit;
let page = that.page;
let articleList = that.articleList;
if (that.status) return;
getArticleList(that.activeCou, {
page: page,
limit: limit
}).then(res => {
let articleListNew = [];
let len = res.length;
articleListNew = articleList.concat(res.data);
that.page++;
that.$set(that, 'articleList', articleListNew);
that.status = limit > len;
that.page = that.page;
});
},
getArticleCate() {
let that = this;
getArticleCategoryList().then(res => {
that.$set(that, 'navList', res.data);
});
},
tabSelect(active, e, item) {
this.active = active;
this.scrollLeft = e * 60;
this.$set(this, 'coutList', []);
this.$set(this, 'articleList', []);
if (this.active == 0) {
this.getArticleHot();
} else {
this.page = 1;
this.status = false;
if (item.children.length) {
this.activeCou = item.children[0].id || 0
this.coutList = item.children || []
this.getCidArticle(this.activeCou);
} else {
this.getCidArticle(item.id, true);
}
}
}
}
}
</script></div>

复制代码

		自动登录	找回密码
密码			立即注册

【时间记录】2025.06.10

浏览过的版块