微信小程序
转载声明：
本文为摘录自“csdn博客”，版权归原作者所有。
温馨提示：
为了更好的体验，请点击原文链接进行浏览
摘录时间：
2020-07-02 16:06:38
微信小程序
微信小程序中全局 app.json.
// An highlighted block
{
//pages 里面的内容为页面入口的配置
"pages": [
"pages/index/index",
"pages/userConsole/userConsole",
"pages/storageConsole/storageConsole",
"pages/databaseGuide/databaseGuide",
"pages/addFunction/addFunction",
"pages/deployFunctions/deployFunctions",
"pages/chooseLib/chooseLib",
"pages/openapi/openapi",
"pages/openapi/serverapi/serverapi",
"pages/openapi/callback/callback",
"pages/openapi/cloudid/cloudid",
"pages/im/im",
"pages/im/room/room"
],
//window为全局样式字体等设置 可以单独在每个页面的json中设置局部上部分导航内容
"window": {
"backgroundColor": "#ddd", //页面刷新时下拉进度条的背景色
"backgroundTextStyle": "dark", //页面刷新时下拉背景字体、loading 图的样式，仅支持 dark/light。
"navigationBarBackgroundColor": "#000", //上部分导航栏背景颜色，如"#000000"。
"navigationBarTitleText": "我的微信", //上部分导航栏文字内容
"navigationBarTextStyle": "white", //上部分导航栏文字字体颜色
"enablePullDownRefresh": true //是否页面下拉刷新
},
//整个小程序下部分导航内容的配置 tab 的列表最少2个、最多5个 tab
"tabBar": {
"selectedColor": "00fff0", //被选中下部分导航栏选中字体颜色
"borderStyle": "black", //导航栏与内容的分割线颜色
"list": [
{
"pagePath": "pages/index/index", //点击跳转的index页面
"text": "首页", //显示的文字
"iconPath": "images/icon4.png", //icon图片
"selectedIconPath": "images/icon1.png" //选中后的icon图片
},
{
"pagePath": "pages/im/im", //点击跳转的index页面
"text": "日志", //显示的文字
"iconPath": "images/icon3.png", //icon图片
"selectedIconPath": "images/icon5.png" //选中后的icon图片
}
]
},
"networkTimeout": { //设置各种网络请求的超时时间
"request": 20000, //20000ms = 20s 默认最大超时时间60s
"connectSocket": 20000,
"uploadFile": 20000,
"downloadFile": 20000
},
"debug": true, //调试运行的所有执行的步骤内容打印在控制台中
"sitemapLocation": "sitemap.json",
"style": "v2"
}
创建页面的方式
- 在app.json中填写路径后编译；
- 直接创建文件夹内容；
编码要求
- 不能直接使用HTML文件
- 可以全部使用css文件
- JS脚本文件没有window对象
——语法 ——
1、视图容器 组件
1、view： 容器
2、scroll-view 在这里插入代码片
单位rpx -> iphone6
