uni-app-页面

官方文档pages.json

视频链接

位置:pages->message(自命名页面名)

┌─pages             
│  ├─index
│  │  └─index.vue       index页面
│  └─list
│     └─list.vue        list页面
├─static                存放应用引用静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此
├─wxcomponents          存放小程序组件的目录,详见
├─main.js               Vue初始化入口文件
├─App.vue               应用配置,用来配置App全局样式以及监听 应用生命周期
├─manifest.json         配置应用名称、appid、logo、版本等打包信息,详见
└─pages.json 

tabbar:官方文档

类似微信小程序

"tabBar": {
        "color": "#F0F0F0",
        "selectedColor": "#007AFF",
        "backgroundColor": "#F0AD4E", //tabbar背景色
        "borderStyle": "black", //tabbar边框颜色
        "position": "top", //tabbar位置,仅支持小程序
        "list": [{
            "text": "首页",
            "pagePath": "pages/index/index",//注,相对路径不行
            "iconPath": "./static/logo.png",
            "selectedIconPath": "./static/logo.png"
        }, {
            "text": "信息",
            "pagePath": "pages/message/message",
            "iconPath": "./static/logo.png",
            "selectedIconPath": "./static/logo.png"
        }]
    }

 

posted @ 2020-08-25 10:31  ♥之  阅读(144)  评论(0编辑  收藏  举报