微信小程序

来源:csdn博客 分类: 文章浏览史 发布时间:2020-07-02 16:06:38 最后更新:2020-07-02 浏览:189
转载声明:
本文为摘录自“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"
}

创建页面的方式

  1. 在app.json中填写路径后编译;
  2. 直接创建文件夹内容;

编码要求

  • 不能直接使用HTML文件
  • 可以全部使用css文件
  • JS脚本文件没有window对象

——语法 ——

1、视图容器 组件

1、view: 容器
2、scroll-view 在这里插入代码片

单位rpx -> iphone6

php技术微信