1. 项目概述
本示例包括两个主要页面:
首页:展示家庭中的各类智能设备(例如智能灯光、空调、智能门锁等),并提供进入设备控制详情的入口。 设备控制页面:展示单个设备的详细状态,并允许用户切换设备状态。项目采用模拟数据,实际应用中可接入后台接口或微信云开发,实现设备状态实时交互与数据存储。
2. 项目目录结构
示例项目的基本目录结构如下:
├── app.js
├── app.json
├── app.wxss
└── miniprogram/
├── pages/
│ ├── index/
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ └── deviceControl/
│ ├── deviceControl.js
│ ├── deviceControl.json
│ ├── deviceControl.wxml
│ └── deviceControl.wxss
3. 主要代码示例
3.1 全局配置文件app.json
配置小程序的页面路径及窗口样式: