标签:框架 time about 登录 file 新功能 text 外观 开发者
一、注册:
微信小程序账号注册:登录https://mp.weixin.qq.com 点击“立即注册”->”小程序”
注册完成后,下载微信小程序开发者工具:
依次点击:“首页”->“文档”->“工具”,页面中第一行有“微信开发者工具”,点击安装
点击安装
配置:打开微信开发者工具,点击左上角“设置”->”外观设置”,可以设置软件外观
比如,我把颜色设置为深色
新建pages:
一键创建:在app.json中的“pages”中加上“pages/文件夹名称/文件名称”。
删除文件:在文件名上右击,然后点击“硬盘打开”,就可以在根目录删除该文件。
编写和访问页面:在about.wxml中写”i am gaocailei”,在app.json中把pages移到第一行,保存,点击模拟器页面出现
“首页”->“文档”->“框架”->“(左侧)小程序配置”->“全局配置”->“Windows”。
我增加了下拉刷新功能;
"backgroundTextStyle": "dark",
"enablePullDownRefresh":true
在配置示例找到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”添加分类的图片,
代码:
效果如图:
五、网络超时:
在app.json添加代码:
"networkTimeout":{
"request": 10000,
"connectSocket":10000 ,
"uploadFile":20000,
"downloadFile":20000
},
(续)
标签:框架 time about 登录 file 新功能 text 外观 开发者
原文地址:https://www.cnblogs.com/maleijiejie/p/11216514.html