uni-app文件目录介绍（未完）

如图

 page 小程序端的页面

static 存放静态资源，比如图片、短视频、字体、图标等等

unpackage 最后打包用的文件，可打包成H5/ios/安卓应用等等

App.js是根组件，所有的页面都是在App.vue下进行切换的，是页面入口文件，可以调用应用的生命周期函数

main.js 项目的入口文件，在项目加载时候首先加载此文件

manifest.json 配置一些打包的属性

pages.json 写一些页面信息

uni.scss 全局css文件

uni-app约定的如下开发规范：

1、每个页面时单文件，即不像微信小程序一样一个页面有四个文件

2、但文件中使用的标签是靠近小程序规范的。

3、接口(JS API)靠近微信小程序规范，但是将其前缀wx替换成uni

4、数据绑定及事件处理同Vue.js规范，同时补充了App及页面的生命周期

5、为了兼容多端运行，建议使用flex布局进行开发。

1、首页基本入门

pages.json里的属性解说 参考官网文档uni-app官网

1、navigationBarBackgroundColor：导航栏背景颜色

"navigationBarBackgroundColor": "#D0D0D0", （灰色）

2、navigationBarTextStyle：导航栏标题颜色

"navigationBarTextStyle": "black",（黑色）

3、navigationBarTitleText  导航栏标题文字内容

"navigationBarTitleText": "找工作",

 4、enablePullDownRefresh 是否开启下拉刷新

"enablePullDownRefresh": true,

5、onReachBottomDistance  页面上拉触底事件触发时距页面底部距离，单位只支持px

"onReachBottomDistance": 50

二、配置底部栏 tabbar

同样写在pages.json里面

pagePath 路径

text 文字

iconPath 未选中时图片路径

selectediconPath 选中时图片的路径

tabBar中的list是一个数组，最少必须配置2个，最多可以配置五个。

 

是