vue使用变量赋值标签样式

vue使用变量赋值标签样式

如在小程序使用中，不同手机状态栏高度不同，标签要定位在状态栏下方20rpx的位置，无法直接使用固定的高度定位。
可以看出，这里需先确定状态栏的高度，使用状态栏高度转rpx后加上20即为定位的数值，距顶距离需要使用变量赋值。

解决方法

设定基本样式

<view class="aaa" :style="runtop"> 
</view>
//css
.aaa{
	position: absolute; 
}
//js
data() {
	return {
		runtop:"top: 198rpx"
		}
}

let serchTop = 123456
this.runtop = "top: " + serchTop +"rpx"