-upx单位错误 以及不同平台v-for指令的差异

[uioz]

平台

• windows10
• HbuilderX 1.5.2.20190121
• Android 8.1.1(三星note8)

问题1 -upx计算错误

有如下template代码:

	<view class="container">
		<view class="container-full">
			
		</view>
	</view>

如下CSS代码:

	.container{
		margin: 0 34upx;
	}
	
	.container-full{
		margin: 30upx -34upx;
	}

这个问题花了我很长时间才找到,他导致了真机模拟,页面中出现了横向滚动条

H5没有问题但计算值是错误的,真机模拟android平台会出现横向滚动条.

问题2 v-for指令不同平台有差异

v-for指令可以按照数值大小进行遍历:

<view v-for="item in number">{{item}}</view>

这里不同平台的起始值的输出不同:

• H5 以1开始,标准行为
• 真机模拟(Android) 以0开始

问题3 真机模拟到底支持不支持条件编译

如题,为了解决上面的问题我在真机模拟的时候使用条件编译但是编译报错.

[xiaoyucoding]

问题一

正负值的计算结果不一致，这个的确有问题，感谢反馈。

滚动的问题，可能在 PC 的 Chrome 手机模式下看不到滚动条，但是用真实的手机浏览器预览后，依旧是可以横向滚动的。建议调整下 CSS，使用 padding 等来限制内容区域。

问题二

Vue 的引擎是从 1 开始的，但是各大小程序平台，例如微信小程序，wx:for 会从 0 开始。为了保持平台一致，建议使用 (item, index) in list 中的 index。

问题三

条件编译都支持