让别人的小程序长成自己的样子-更换window上下颜色--【浅入深出系列001】

浅入深出系列总目录在000集

如何0元学微信小程序–【浅入深出系列000】

本系列校训

用免费公开视频，卷飞培训班哈人！打死不报班，赚钱靠狠干！
只要自己有电脑，前后项目都能搞！N年苦学无人问，一朝成名天下知！

学习资源的选择

黑马程序员微信小程序开发前端教程_零基础玩转微信小程序（130集）
https://www.bilibili.com/video/BV1nE41117BQ/
目录如下：
…
P303-微信小程序的环境准备08:21 00:00 到 05：16 获取APPid, 后面下载开发工具。

学习第一步

第一步是什么，准备好的工具（电脑），开发工具之后，当然是打开一个项目！不是new，直接open别人家的漂亮项目不香么？
这里看得出来，你的学习需要两个设备，一个是电脑（安装了微信开发者工具），另一个是手机（安装了微信）。
如果是这样，那就”项目“->”导入项目“ 后面就会出现图2
当然了，也有可能是这样

图2： 打开项目
点击 “+”号。

图2： 打开项目界面。
然后在图2 中 目录里选中 本文的资源。要注意的是选中的目录中要是主目录。

图3： 一个微信小程序的目录主目录样子
然后使用测试号。

图4： 打开微信小程序界面填好信息
点击新建就行了。

打开小程序

终于看到了漂亮的小程序界面，
小程序的开发者工具，主要就分为三个大可视区，
”模拟器“,“编辑器”，“调试器” 他们都可以用上面的按钮进行切换。

电脑配置差一些的就多等一会，（受硬件及网络影响）

动手实践

发现目标

打开之后，默认情况下，”模拟器“,“编辑器”，“调试器”这三个绿色的大按钮是“亮的”，你也可以点一下，看看灰了之后是什么样子。
找到“编辑器”里的“资源管理器”，找到app.json文件。单击打开，
找开 “window” ,“tabBar” 两段

开始动手

将windows块改成

"window": {
    "navigationBarBackgroundColor": "#39b54a",
    "navigationBarTitleText": "shop",    
    "navigationBarTextStyle": "white"
  },

将tabBar块改成

"tabBar": {
    "color": "#aaaaaa",
    "borderStyle": "white",
    "backgroundColor": "#39b54a",
    "selectedColor": "#F95A5F",
    ...(略)

最后如图：

图7：改好代码之后的样子

检查效果

一般来说，window与tabBar对人的眼睛冲击最大。修改起来也是最简单。
可以说，不需要任何的电脑编程知识（当然，你还是要会键盘鼠标等操作，学习不是抬杠）

配套资源

让别人的小程序长成自己的样子–【浅入深出系列001】配套资源