图4-5 系统首页页面图
系统首页关键代码如下:
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 28: …detailObj); }̲ this.http.get(this.tablename + ‘/detail/’ + this.detail.id, {}).then(res => {
if (res.data.code == 0) {
this.detail = res.data.data;
this.$forceUpdate();
}
});
4.4膳食食材介绍模块
首页顶部设置导航栏,包括“膳食食材介绍”分类标签,用户可点击该标签进入膳食食材介绍页面。在膳食食材介绍页面呈现各类膳食食材的分类列表,如水果、蔬菜、肉类等,用户可根据需要选择浏览不同种类的食材介绍。每个食材应以卡片形式展示,包括食材名称、简要介绍以及配图缩略图,并提供“查看详情”按钮供用户点击查看详细信息。提供搜索框或筛选条件,用户可以通过关键词搜索或特定要求筛选食材介绍。如图4-6所示。