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

微信小程序—点餐系统

认识实习

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"
    }
  ]
 },

3）每个页面功能实现

以点餐页面oder为例子

4）源码自取

源码自取
单处元素堆叠 没有交互功能