Uni-app笔记 项目框架介绍 全局样式globalStyle_uniapp globalstyle

1、框架内文件介绍

pages文件夹->存放项目中所有页面文件

static文件夹->存放资源文件 比如图片

unpackage->打包完成的文件存放位置，比如打包为h5或安卓app

APP.vue是项目的入口文件，可以调用应用的生命周期。

main.js是项目的入口文件，项目开始会首先加载main.js

manifest.json是配置文件，你可以在这个文件中配置各种小程序的相关内容

pages.json是用于设置项目文件的存放路径和全局样式等功能的

uni.css是一些uniapp中的常用内置样式变量，你可以直接使用这些变量名

uni-app页面格式和绑定方式等遵循Vue规范  标签名遵循小程序规范

View标签相当于div标签

接口方面遵循小程序，在微信中调用接口使用wx  在uni-app中你需要使用uni

uni-app推荐使用flex布局

2、全局样式globalStyle 可以参考uni-app官方文档

uni-app中页面width会被分为750份 每一份代表1upx或者1rpx 两个单位写法不同用途相同

可以解决不同屏幕大小的适配问题

 注意！

1、如果你在全局的配置中配置了默认标题，但是页面地址部分同样配置了标题，全局标题会被覆盖

 

2、窗口背景色代表你下拉时露出的背景色，想要查看效果首先需要允许下拉

"enablePullDownRefresh":true; 写在 globalStyle中就可以开启全局下拉(小程序和h5下拉不同)

 下拉loding的样式设置为light三点会变为白色

"onReachBottomDistance"可以设置页面下拉的最大触底距离(只支持px)