第15次课 · 教材案例源码
【案例7-1】自定义标签栏 · 案例实现
在微信开发者工具中选择「导入项目」，目录指向
teaching-site/code/session15/【案例7-1】自定义标签栏/案例实现 即可运行。已剔除 project.private.config.json 等本机配置。1
工程文件
| 路径 | 类型 | 操作 |
|---|---|---|
| ▸ custom-tab-bar/ | ||
| index.js | JavaScript | 查看 · 下载 |
| index.json | JSON | 查看 · 下载 |
| index.wxml | WXML | 查看 · 下载 |
| index.wxss | WXSS | 查看 · 下载 |
| ▸ images/ | ||
| ▸ tabs/ | ||
| contact-active.png | 图片 | 查看 · 下载 |
| contact.png | 图片 | 查看 · 下载 |
| home-active.png | 图片 | 查看 · 下载 |
| home.png | 图片 | 查看 · 下载 |
| message-active.png | 图片 | 查看 · 下载 |
| message.png | 图片 | 查看 · 下载 |
| ▸ pages/ | ||
| ▸ contact/ | ||
| contact.js | JavaScript | 查看 · 下载 |
| contact.json | JSON | 查看 · 下载 |
| contact.wxml | WXML | 查看 · 下载 |
| contact.wxss | WXSS | 查看 · 下载 |
| ▸ home/ | ||
| home.js | JavaScript | 查看 · 下载 |
| home.json | JSON | 查看 · 下载 |
| home.wxml | WXML | 查看 · 下载 |
| home.wxss | WXSS | 查看 · 下载 |
| ▸ message/ | ||
| message.js | JavaScript | 查看 · 下载 |
| message.json | JSON | 查看 · 下载 |
| message.wxml | WXML | 查看 · 下载 |
| message.wxss | WXSS | 查看 · 下载 |
| .eslintrc.js | JavaScript | 查看 · 下载 |
| app.js | JavaScript | 查看 · 下载 |
| app.json | JSON | 查看 · 下载 |
| app.wxss | WXSS | 查看 · 下载 |
| package-lock.json | JSON | 查看 · 下载 |
| package.json | JSON | 查看 · 下载 |
| project.config.json | JSON | 查看 · 下载 |
| sitemap.json | JSON | 查看 · 下载 |
