图4-2 膳食信息详情界面图
膳食信息详情关键代码如下：
methods: {
init() {
this.baseUrl = this. c o n f i g . b a s e U r l ; i f ( t h i s . config.baseUrl; if(this. config.baseUrl;if(this.route.query.detailObj) {
this.detail = JSON.parse(this.KaTeX parse error: Expected 'EOF', got '}' at position 35: …bj); }̲ this…http.get(this.tablename + ‘/detail/’ + this.detail.id, {}).then(res => {
if (res.data.code == 0) {
this.detail = res.data.data;
this.$forceUpdate();
}
});
4.2健康资讯模块
进入“健康资讯”页面后呈现健康资讯的分类列表，如疾病预防、健康养生、营养健康等，用户可根据需求选择浏览不同类别的健康资讯。每篇健康资讯应呈现为卡片式布局，包括标题、简要信息摘要、配图缩略图和“查看详情”按钮。提供搜索框或筛选条件，用户可根据关键词或特定要求筛选健康资讯。如图4-3所示。