初学微信小程序——配置问题（1）

一、注册：

微信小程序账号注册：登录https://mp.weixin.qq.com  点击“立即注册”->”小程序”

注册完成后，下载微信小程序开发者工具：

依次点击：“首页”->“文档”->“工具”，页面中第一行有“微信开发者工具”，点击安装

点击安装

 

配置：打开微信开发者工具，点击左上角“设置”->”外观设置”，可以设置软件外观

比如，我把颜色设置为深色

 

二、Pages：

新建pages:

一键创建：在app.json中的“pages”中加上“pages/文件夹名称/文件名称”。

删除文件：在文件名上右击，然后点击“硬盘打开”，就可以在根目录删除该文件。

编写和访问页面：在about.wxml中写”i am gaocailei”，在app.json中把pages移到第一行，保存，点击模拟器页面出现

       

三、Windows：

“首页”->“文档”->“框架”->“（左侧）小程序配置”->“全局配置”->“Windows”。

我增加了下拉刷新功能;

"backgroundTextStyle": "dark",

"enablePullDownRefresh":true

四、tabBar(底部菜单)：

在配置示例找到tabBar的代码：

"tabBar": {

    "list": [

      {

        "pagePath": "pages/index/index",

        "text": "首页"

      },

      {

        "pagePath": "pages/logs/logs",

        "text": "日志"

      }

    ]

  },

可以选择性的自行配置，比如我要为首页和日志添加图片，我就可以选择“iconPath

（图片路径）”，“selectedIconPath（选中时的图片路径）”，修改后代码如下：

"tabBar": {

    "list": [

      {

        "pagePath": "pages/index/index",

        "text": "首页",

        "iconPath":"/images/selected.png",

        "selectedIconPath":"/images/image.png"

      },

      {

        "pagePath": "pages/logs/logs",

        "text": "日志",

        "iconPath": "/images/rizhi_s.png",

        "selectedIconPath": "/images/rizhi.png"

      }

    ]

  },

样式如下：

 

附：阿里巴巴矢量图下载网址：https://www.iconfont.cn/

最后，我又在“pages”里添加“cate”在“tabBar”添加分类的图片,

代码：

"pages": [

"pages/cate/cate",

]

 

"tabBar":

{

"pagePath": "pages/cate/cate",

"text": "分类",

"iconPath": "/images/cate_s.png",

"selectedIconPath": "/images/cate.png"

},

效果如图：

 

五、网络超时：

 

在app.json添加代码：

"networkTimeout":{

    "request": 10000,

    "connectSocket":10000 ,

    "uploadFile":20000,

    "downloadFile":20000

  },

（续）