uniapp nvue页面注意事项

写uniapp第一次使用nvue写页面,简单记录几个踩坑点。
首先,因为产品包含app,且有个必要的插件在app时必须是在nvue页面中才能使用,因此才尝试使用nvue编写。

1.默认布局都是flex布局;
2.不支持百分比的写法, 以往习惯写widht:100% 是无效的
3.写css时,只支持class选择器
4.不支持在css写背景图, 可以用image标签写图片,然后进行定位(写定位时,z-index是无效的,标签越靠前,层级越低)
5.不支持.less scss等预编译
6.如果要修改文本样式,文字必须写在text标签中;如果需要实现超出省略号,则必须给text标签写宽度

	.css{
		lines: 1; /* 超出固定行数显示省略号 */
		width: 626rpx;
		text-overflow: ellipsis; /* 超出部分省略号 */
	}

7.超出1屏无法滚动时,记得外层嵌套scroll-view
8.另外避免在nvue页面this指向错误,所以在app.vue中新增一个指向全局的this, getApp().globalData.self = this; 在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值