UniApp 是一个基于 Vue.js 语法的跨平台开发框架,它允许开发者使用一套代码构建适用于 iOS 、
Android 、 Web 以及各种小程序和快应用的应用程序
一、环境搭建
安装使用教程:https://blog.csdn.net/YuanFudao/article/details/132384692
二、项目基本目录结构
三、创建新页面和页面设置
1、单击pages,右键点击新建页面
2、输入新建页面的名称,同时修改为:"navigationBarTitleText": "页面名称"
四、全局配置文件(pages.json)
pages.json 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等
(一)globalStyle(全局样式)
1、导航栏:背景、标题颜色、标题文本
2、导航栏:开启下拉刷新、下拉背景、下拉样式
(二)pages(页面路由)
uni - app 通过 pages 节点配置应用由哪些页面组成, pages 节点接收一个数组,数组每个项都是一个对象
- pages节点的第一项为应用入口页(即首页)
- 应用中新增**/**减少页面,都需要对 pages 数组进行修改
- 文件名不需要写后缀,框架会自动寻找路径下的页面资源