IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 小程序配置文件 -> 正文阅读

[移动开发]小程序配置文件

小程序配置文件

全局配置 app.json

app,json是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等。普通快速启动项目里面的app.json配置

page字段

page字段用于设置小程序中的页面及其顺序

快速创建新页面

在pages字段中添加路径,ctrl+s时候自动生成新网页的文件

添加的位置决定小程序中页面的顺序

"page" : {
    "pages/index/index",
    "pages/logs/logs",
    
}

window字段

定义小程序所有页面的顶部背景颜色,字体颜色定义等

属性说明
navigationBarBackgroundColor导航栏背景颜色,如#000000
navigationBarTextStyle导航栏标题颜色,仅支持black/white
navigationBarTitleText导航栏标题文字内容
navigationStyle导航栏样式,仅支持以下值:default默认样式,custom自定义导航栏,只保留右上角胶囊按钮
backgroundColor窗口额背景色
backgroundTextStyle下拉loading的样式小圆点的颜色,仅支持dark/light
backgroundColorTop顶部窗口的背景色,仅 iOS 支持
backgroundColorBottom底部窗口的背景色,仅 iOS 支持
enablePullDownRefresh是否开启全局的下拉刷新
onReachBottomDistance页面上拉触底事件触发时距页面底部距离,单位为 px。
pageOrientation屏幕旋转设置,支持 auto / portrait / landscape

img

注意点:

  • background只有在下拉的时候能见到,平时页面是遮挡住background的
  • 修改颜色只能用16进制表示

tabbar字段

如果小程序是一个多tab应用(客户端窗口的底部或者顶部有tab栏切换页面),可以通过tabBar配置项指定tab栏的表现,以及tab切换时显示的对应页面

属性必填描述
colortab上的文字默认颜色,仅支持十六进制的颜色
selectedColortab上的文字选中时的颜色,仅支持十六进制颜色
backgroundColortab的背景颜色,仅支持十六进制颜色
borderStyletabbar上边框的颜色,仅支持black/white
listtab的列表,最少2个,最多5个
positiontabBar的位置,默认在最第层仅支持bottom/top
custom自定义tabBar

list的属性

属性说明
pagePath页面路径,必须是在pages中定义的
texttab上按钮文字
iconPath图片路径,icon 大小限制为 40kb,建议尺寸为 81px * 81px,不支持网络图片。
positiontop 时,不显示 icon。
selectedIconPath选中时的图片路径,icon 大小限制为 40kb,建议尺寸为 81px * 81px,不支持网络图片。
positiontop 时,不显示 icon。

注意点:

  • tab栏在最上方的时候,是没有图标的,在list中可以不用写iconPath和selectedIconPath

页面配置 page.json

这里page.json其实用来表示页面目录下的page.json,这类和小程序页面相关的的配置

开发者可以独立定义每个页面的一些属性,如顶部颜色,是否允许下拉刷新等

页面的配置只能设置app.json中部分window配置项的内容,页面中配置项会覆盖app.jsonwindow中相同的配置项

sitemap配置-了解即可

小程序根目录下的sitemap.json文件用于配置小程序及其页面是否允许被微信索引

微信现已开放小程序内搜索,开发者可以通过 sitemap.json 配置,或者管理后台页面收录开关来配置其小程序页面是否允许微信索引。当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索词条触发该索引时,小程序的页面将可能展示在搜索结果中。 爬虫访问小程序内页面时,会携带特定的 user-agent:mpcrawler场景值1129。需要注意的是,若小程序爬虫发现的页面数据和真实用户的呈现不一致,那么该页面将不会进入索引中。

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-09-24 10:40:21  更:2021-09-24 10:41:44 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 20:01:31-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码