uni-app 基本配置pages,json

摘要:
{//打开页面“pages”的路径:[//pages数组中的第一项表示应用程序启动页面,请参见:https://uniapp.dcloud.io/collocation/pages//首先是默认打开的页面{“path”:“pages/message/message”。//这是此页面的样式。此样式的权重大于全局“style”:{“navigationBarTitleText”:“unique page appearance style”}},

uni-app 基本配置pages,json第1张

{    
    // 打开页面的路径
    "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
        // 在第一位的事默认打开的页面
        {
            "path": "pages/message/message",
            // 这是本页面的样式,这个样式权重大于全局
            "style": {
                "navigationBarTitleText": "页面独有外观样式"
            }
        },{
            "path": "pages/index/index",
            "style": {
                // 这是本页面的标题
                "navigationBarTitleText": "消息"
            }
        },{
            "path": "pages/dition/dition",
            "style": {
                // 这是本页面的标题
                "navigationBarTitleText": "详情"
            }
        }
    ],
    // 状态栏、导航条、标题、窗口背景色样式等,这是全局的
    "globalStyle": {
        // 导航栏文字颜色
        "navigationBarTextStyle": "white",
        // 导航栏标题
        "navigationBarTitleText": "uni-app",
        // 导航栏背景色
        "navigationBarBackgroundColor": "#075eb6",
        // 开启下拉刷新
        "enablePullDownRefresh":true,
        // 这个是开启下拉后刷新的那个背景色
        "backgroundColor": "#F8F8F8",
        // 设置loading 样式
        "backgroundTextStyle":"light"
        
    },
    // 页面下面的页面切换
    "tabBar":{
        // 未选中的颜色
        "color":"#a0522d",
        // 选中后的文字颜色烦烦烦
        "selectedColor":"#b3ee3a",
        // 背景颜色
        "backgroundColor":"#fff",
        // 切换按钮最少两个最多五个
        "list":[
            {
                //名称
                "text":"首页",
                //路径
                "pagePath":"pages/index/index",
                //图片
                "iconPath":"static/zy.png",
                // 选中后图片
                "selectedIconPath":"static/zyxzh.png"
            },{
                "text":"消息",
                "pagePath":"pages/message/message"
            }
        ]
        
    },
    "condition" : { //模式配置,仅开发期间生效
        "current": 0, //当前激活的模式(list 的索引项)
        "list": [
            {
                "name": "详情页", //模式名称
                "path": "pages/dition/dition", //启动页面,必选
                "query": "id=80" //启动参数,在页面的onLoad函数里面得到
            }
        ]
    }
}

免责声明:文章转载自《uni-app 基本配置pages,json》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Cocos Creator 加载使用protobuf第三方库,因为加载顺序报错使用Postman轻松实现接口数据关联下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Android FrameWork——Touch事件派发过程详解

对于android的窗口window管理,一直感觉很混乱,总想找个时间好好研究,却不知如何入手,现在写的Touch事件派发过程详解,其实跟 android的窗口window管理服务WindowManagerService存在紧密联系,所以从这里入手切入到 WindowManagerService的研究,本blog主要讲述一个touch事件如何从用户消息的...

Server-Sent Events入门

前言 SSE(Server-Sent Events)是一种服务器消息推送技术,是HTML5标准协议中的一部分,类似WebSocket,不同在于WebSocket可以双向通信,SSE只能服务器向浏览器发送消息。具体的规范可以查看 MDN。 简单使用 客户端,注意IE浏览器可能不支持 <script> // 初始化, 参数为url...

各大免费邮箱邮件群发账户SMTP服务器配置及SMTP发送量限制情况

网络产品推广和新闻消息推送时,经常用到的工具就是用客户邮箱发送邮件了,如果是要发送的邮件量非常大的话,一般的建议是搭建自己的邮局服务器,或者是花钱购买专业的邮件群发服务,免费邮箱的SMTP适合少量的邮件群发需求。 例如Wordpress的评论邮件通知功能,每天要发送的邮件数量最多可能是几百封,如果用PHP自带的Mail()函数发送,容易被各大邮箱判定为垃圾...

【Win 10 应用开发】MIDI 音乐合成——音符消息篇

在上一篇中,老周介绍了一些乐理知识,有了那些常识后,进行 MIDI 编程就简单得多了。尽管微软已经把 API 封装好,用起来也很简单,但是,如果你没有相应的音乐知识基础,你是无法进行 MIDI 编程的。 这一篇老周将给你讲述一下如何让你的声卡播放一个音符,这会包含两条消息,而且这两条消息是很常用的。 1、Note On:让 MIDI 设备(如果没有专业设备...

ActiveMQ之JMS及保证消息的可靠性&amp;lt;持久化、事务、签收&amp;gt;(三)

1.JAVAEE 是一套使用Java 进行企业级开发的13 个核心规范工业标准 , 包括:  JDBC  数据库连接  JNDI  Java的命名和目录接口  EJB   Enterprise java bean  RMI   远程方法调用    一般使用TCP/IP 协议  Java IDL    接口定义语言  JSP      Servlet   X...

【转】 SpringCloudAlibaba之Sentinel流量控制 SpringCloudAlibaba微服务实战教程系列

【转】 SpringCloudAlibaba之Sentinel流量控制 SpringCloudAlibaba微服务实战教程系列 一、认识下Sentinel Sentinel使用流程:微服务会集成Sentinel客户端,从官方下载jar启动作为服务端,在有配置变更和添加的时候Sentinel会发送消息给客户端,进行变更应用。 Sentinel 分为两个部分...