仿“香哈菜谱”微信小程序

于 2024-03-15 11:59:39 发布
阅读量687 收藏 12
点赞数 9
文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yushuo003/article/details/136735971
版权
  1. 在app.json中建立如下目录

 

  1. 在windows数组中配置窗口，在tabBar对象中配置底部导航栏，在list数组中配置底部导航栏对应的页面

 

  1. 在cook中，首先设置海报轮播图区域

样式

布局

 

  1. 设计宫格导航

样式

布局

 

  1. 模拟服务端提供香哈头条列表的数据，添加initData数据，在data页面初始化数据里添加array数组，然后将initData定义的数据通过setData设值函数赋值给array数组

 

  1. 进行香哈头条列表信息界面布局，通过数据绑定和wx:for循环的方式动态加载数据

  1. 香哈头条列表信息的样式

 

天天摸鱼女士
关注
  • 9
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
仿香哈菜谱界面设计-微信小程序源码
08-22
1.仿香哈菜谱界面设计-微信小程序源码 2.仿香哈菜谱微信小程序的底部有5个导航标签：学做菜、头条、美食圈、消息、我的，标签导航选中时导航图标和导航文字都会变为红色 3.打开微信开发者工具，在该项目的pages目录下新建5个目录，分别为index、head、food、message、mine，对应学做菜、头条、美食圈、消息、我的 4.在该小程序的公共设置app.json文件配置页面路径以及配置窗口表现 5.在该小程序的公共设置app.json文件的导航标签tabBar下分别设置5个导航，并设置导航栏属性 6.“学做菜”界面中海报轮播的图片，在微信小程序里有专门的swiper滑块视图组件来实现这个效果，并且在swiper滑块视图组件里有一个搜索框 7.宫格导航有菜谱分类、视频、美食养生、闪购4个导航 8.微信小程序作为客户端，它的数据来源于服务端。由于香哈菜谱没有免费对外开发api，所以只有模拟服务端提供的香哈头条列表的数据，有了数据，页面才能动态地进行渲染。 9.香哈头条里有菜谱的图片、美食名称、分类、浏览数量以及评论数量，因为香哈头条列表信息在很多页面都是同样的展现方式，就可以把它制作成模板，达到一次制作、多次使用的效果。
一份值得期待的菜谱
暗金色月亮的赫拉迪克宝盒
01-10 1372
凉菜：麻辣藕荤菜：剁椒鱼（小妹制作）               肉片蘑菇烧豆腐素菜：炒盖菜（零度制作）汤：骨头炖白萝卜汤甜点：提拉米苏（小妹制作）周末小妹和零度要到我家来秀厨艺，我准备了3个菜严阵以待，如果片片也能赶到那就更好了。请关注稍后带来的现场报道。 
仿“香哈菜谱”微信小程序（第4章）
m0_48431810的博客
04-20 1587
快速做出便捷式微信小程序界面，入门式学习小程序界面开发
微信小程序 香哈菜谱源代码
05-12
微信小程序 香哈菜谱 页面导航 基本框架跟轮播图 亲测可用资源
香哈菜谱 小程序源码框架
11-25
提供丰富的菜谱、食谱、菜谱大全,更有菜谱图文视频讲解;学做菜、秀美食,与兴趣相投的好友在美食圈相遇。互联网最大的美食社区!
微信小程序框架分析小练手（三）——仿香哈菜谱小程序制作
Globalizationa的博客
08-10 4166
香哈菜谱是一款围绕美食而成的小程序，在这里可以查看各式各样的菜谱。 一、打开微信开发者工具，新建一个项目：xhcp。如下图： 二、建立如下的一些目录： 三、将底部标签导航图标、美食轮播图片、宫格导航图标、香哈头条美食图片的素材放置于pages文件夹下的images中： Ⅰ、底部标签栏设计 四、打开app.json配置文件，在pages数组中添加5个页面路径"pages/cook/cook","pages/food/food","pages/...
菜谱小程序源码，仿香哈菜谱微信小程序
07-02
小程序功能： 1、提供优质家常菜谱查询。小程序对不同食材和地域的饮食做了不同的分类和详细的做菜方法，分类十分详细，八大菜系、特色食品、...4、小程序集成了微信广告，美团、饿了么小程序广告，大家可以自行修改。
微信小程序 美食菜谱（截图+源码）
05-13
微信小程序 美食菜谱（截图+源码）微信小程序 美食菜谱（截图+源码）微信小程序 美食菜谱（截图+源码）微信小程序 美食菜谱（截图+源码）微信小程序 美食菜谱（截图+源码）微信小程序 美食菜谱（截图+源码）微信小...
云开发菜谱微信小程序源代码
05-21
菜谱微信小程序源码，云开发菜谱微信小程序源码。菜谱是一个美食分享网站,提供优质的家常菜谱大全，菜谱小程序源码为喜欢美食的朋友提供了很多的美食烹饪教程，让您轻松学会做美食。对不同食材和地域的饮食做了不同...
微信小程序_下厨房菜谱APP源代码
11-09
标准设计，代码规范，值得做范例去学习
菜谱微信小程序源码.zip
06-06
菜谱微信小程序，主要包括推荐，分类，列表，详情，等
微信小程序-微信小程序，菜谱大全
08-06
wxapp-menu 微信小程序，菜谱大全
微信小程序源代码-下厨房菜谱APP
12-13
微信小程序源代码-下厨房菜谱APP
菜谱小程序源码免费分享【推荐】
成长的足迹
07-02 2877
小程序功能：1、提供优质家常菜谱查询。小程序对不同食材和地域的饮食做了不同的分类和详细的做菜方法，分类十分详细，八大菜系、特色食品、特殊场合、热门功效、人群细分、烘焙甜品、口味和食材分类的十分详细。2、菜谱详情功能有：烹饪食材、适合用餐人数、食材明细列表、详细烹饪步骤。非常方便用户学习做美食。3、此版本是云开发版本，不需要域名和服务器即可搭建小程序，菜谱数据调用的是网络API。4、小程序集成了微信广告，美团、饿了么小程序广告，大家可以自行修改。界面截图小程序源码截图 文章首发于公众号【编程乐趣】，欢迎大家关
2020最新微信小程序基础+实战精讲视频
04-05
（1）本套视频教程属于微信小程序最新内容精讲视频，没有废话；由《微信小程序简明开发教程 第二版》作者 小刚老师亲自录制；（2）本套课程视频后续会出配套书籍《微信小程序简明开发教程 第三版》；（3）本套课程设计方式：基础内容讲解+实战演练+综合案例完整训练，基础内容由浅入深讲解，案例代码逐行讲解；（4）本套课程提供60个精讲视频、877分钟讲解、5个实战、3个综合案例，提供云开发和非云开发两种模式；（5）提供完整教程素材、完整源代码、完整课件操作；（6）提供学习过程中答疑，辅助可以快速学习；
微信小程序实战之菜谱小程序
热门推荐
ln152315的专栏
04-27 1万+
最近突发奇想，想要自己搞个小程序玩儿玩儿，但是鉴于自己是搞后端服务器出身，对于偏前端的微信小程序开发实在是一知半解，尤其是对于css类样式相关，更是无从下手，于是乎，只能从晚上找了一个demo，对其进行了一番改造，然后进行上线，也算是基本完整的走了一遍小程序开发的简单流程，本篇文章就是对这次实践的简单介绍。 先放个二维码压压惊～ 原文地址：http://www.darylliu.cn/arch...
仿香哈菜谱微信小程序 github
最新发布
07-05
结合两者，仿香哈菜谱微信小程序GitHub可以理解为用户通过GitHub平台共享、存储和合作开发仿香哈菜谱的微信小程序源代码。用户可以在GitHub上搜索相关项目，了解开发者分享的代码，学习如何制作和定制一个仿香哈菜谱...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值