如图

 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个,最多可以配置五个。

 

Logo

前往低代码交流专区

更多推荐