初学微信小程序——配置问题（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

},

（续）