uni-app创建新页面和页面的配置

曾经终败给现在 2021-07-24 21:04 725阅读 0赞

# 一 新建 message.vue 文件 #

<template>
        <view>
            hello-uni
        </view>
    </template>
    
    <script>
    </script>
    
    <style>
    </style>

# 二 修改 pages.json 文件 #

{
        "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
            {
                "path": "pages/message/message",
                "style":{
                    "navigationBarTitleText":"信息页",
                    "navigationBarBackgroundColor":"#007AFF",
                    "h5":{
                        "pullToRefresh":{
                            "color":"#7D26CD"
                        }
                    }
                }
            },
            {
                "path": "pages/index/index"
            }
        ],
        "globalStyle": {
            "navigationBarTextStyle": "white",
            "navigationBarTitleText": "绿帽子",
            "navigationBarBackgroundColor": "#7FFF00",
            "backgroundColor": "#7CCD7C",
            "enablePullDownRefresh": true,
            "backgroundTextStyle":"light"
        }
    }

# 三 效果 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70]: /images/20210724/54ef4777551148eba4b071e2fc4a0931.png

发表评论取消回复

表情：

评论列表（有 0 条评论，725人围观）

还没有评论，来说两句吧...

相关阅读

相关 UniApp 使用命令创建页面的详细指南

系列文章目录 -------------------- 文章目录系列文章目录前言一、安装Uni-CLI 二、创建页面三、页面

桃扇骨/ 2023年10月14日 19:17/ 0 赞/ 40 阅读

相关 uniapp使用命令创建页面

package.js下创建命令 "scripts": { "add": "node ./auto/addPage.ts" } package

╰半夏微凉°/ 2023年10月14日 16:12/ 0 赞/ 13 阅读

相关 uniapp页面传值

一、传递单个或者多个参数商品列表页： // 商品列表页传递id 跳转到相应的商品详情页面 getGoodsDetails(id){ uni

﹏ヽ暗。殇╰゛Y/ 2022年11月17日 13:56/ 0 赞/ 241 阅读

相关 uniapp 去浏览器页面

[browser.js][] import browser from '@/lib/browser.js' //去浏览器页面 goPage() {

小咪咪/ 2022年08月29日 04:26/ 0 赞/ 178 阅读

相关 uniapp页面参数传递

uniapp页面参数传递简介uniapp传递参数，和获取参数。首先链接传递或者事件传递 1、要传递参数的页面 <table> <tbody

╰半橙微兮°/ 2022年04月25日 07:02/ 0 赞/ 901 阅读

相关页面的新增

今天，我们来讲下，如何在页面上新增一条数据到数据库中，以上次的练习题为例子开头给出的最初样式如图一 ![在这里插入图片描述][watermark_type_ZmFuZ3po

红太狼/ 2022年02月03日 04:31/ 0 赞/ 259 阅读

相关 uniapp页面参数传递

uniapp页面参数传递 ![4a9631149e30a9b4cbc600f5a5e3200e.jpg][]admin2019-04-09 【[Uni-App][]】 1

左手的ㄟ右手/ 2022年01月27日 20:38/ 0 赞/ 645 阅读

相关 uniapp—— 创建新页面和页面的配置

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

雨点打透心脏的1/2处/ 2021年07月25日 11:11/ 0 赞/ 514 阅读

相关 uniapp 新建页面和页面配置

1、在pages目录中新建.vue文件 2、在pages.json中->pages数组内 { "path":"不加后缀的文件路径",

小灰灰/ 2021年07月24日 23:28/ 0 赞/ 798 阅读

相关 uni-app创建新页面和页面的配置

一新建 message.vue 文件 <template> <view> hello-uni </vie

曾经终败给现在/ 2021年07月24日 21:04/ 0 赞/ 726 阅读