uni-app笔记

277 阅读1分钟

1.style标签中不需要手动加scoped,框架自动会隔离

2.组件只要规范命名就不需要手动引入,如@/components/tip/tip.vue,其他页面即可直接使用

3.路由配置在pages.json中,pages数组的第一项就是首页

4.全局对象叫uni,如请求数据,uni.request

5.新增响应式样式单位,rpx,在750宽的屏幕上1rpx:1px6. swiper有默认高度,需要手动调整它,否则图片会被盖住

6.如果希望页面高度铺满,H5端需要减去navbar高度(44px),如在tabbar页面,再减去tabbar高度 (50px),但APP不用,所以需要用#ifdef平台名称的方式进行条件编译,实现不同平台不同效果

		height: calc(100vh - 44px -50px);
		/*  #endif  */
		/* #ifndef H5 */
		height: 100vh;

		/*  #endif  */

7.如果隐藏了uni的导航栏,APP端,内容会被系统状态栏盖住,需要留一个状态栏的占位高度,或者直接 封装成状态栏占位组件(即封一个空盒子的组件)用条件按编译的方式加载

8.条件编译注意是以注解的方式编译的,而且对注解的格式有要求,不是ctrl+/就行的,条件编译可以用在html和css内

9.页面跳转传参,在目标页面的onLoad中获取路由参数

10设置下拉刷新

onPullDownRefresh() {
			setTimeout(() => {
				uni.stopPullDownRefresh()
			},500)
			this.pageIndex = 1
			this.getList()
		}

11.通过ref调用子组件中的方法 show方法是子组件的方法 就是vue方法

image.png