初学微信小程序――配置问题

匿名 (未验证) 提交于 2019-12-02 23:49:02

一、注册:

微信小程序账号注册:登录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": {

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

(图片路径)”,“selectedIconPath(选中时的图片路径)”,修改后代码如下:

"tabBar": {

样式如下:

附:阿里巴巴矢量图下载网址: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":{

(续)

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!