微信小程序---点餐系统

最新推荐文章于 2024-06-12 15:10:59 发布

LaiGuo.

最新推荐文章于 2024-06-12 15:10:59 发布

阅读量354

点赞数

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/m0_58326153/article/details/131620153

版权

本文介绍了作者在实习期间设计的一个无交换功能的微信小程序点餐系统的经历。作者提到虽然学习过程较乱，缺乏基础知识，但对所敲即所得的实践感到有趣。文中展示了小程序的四个页面，并提及了底部TabBar的设置以及点餐页面的功能实现。源码虽可获取，但缺乏交互功能。作者希望考研顺利，未来能深入研究。

摘要由CSDN通过智能技术生成

微信小程序—点餐系统

认识实习

1.实习内容：点餐小程序页面设计，无交换功能
2.所敲即所得很有趣
3.学的很乱，没有基础知识，只知道功能堆叠实现
4.但愿考研顺利吧，考上了再来深入研究吧

一、界面展示

1）第一个页面

在这里插入图片描述

2）第二个页面

在这里插入图片描述

3）第三个页面

在这里插入图片描述

4）第四个页面

在这里插入图片描述

二、大致介绍

1）文件概览

在这里插入图片描述

2）增加底部页面切换—tabBar

"tabBar": {
  "list": [
    {
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "/images/tabs/home.png",
      "selectedIconPath": "/images/tabs/home-active.png"
    },
    {
      "pagePath": "pages/message/message",
      "text": "消息",
      "iconPath": "/images/tabs/message.png",
      "selectedIconPath": "/images/tabs/message-active.png"
    },
    {
      "pagePath": "pages/contact/contact",
      "text": "联系我们",
      "iconPath": "/images/tabs/contact.png",
      "selectedIconPath": "/images/tabs/contact-active.png"
    }
  ]
 },