Top / Right / Bottom / Left

CSS left、right、top、bottom 属性定义了定位元素的外边距边界与其包含块左边界之间的偏移，非定位元素设置此属性无效。

函数方法

lrtbDistance(options)

获取定位元素偏移量

options

参数名称	类型	必填	可选值	描述
direction	string	是	边距方向属性	边距方向
margin	string	是	-	边距距离

direction 边距方向

参数值	描述
left	左外边距边界与其包含块左边界之间的偏移
right	右外边距边界与其包含块左边界之间的偏移
top	上外边距边界与其包含块左边界之间的偏移
bottom	下外边距边界与其包含块左边界之间的偏移

示例

<template>
	<view class="box" :style="[lrtbDistance('left','50px')]">
		
	</view>
</template>

<script setup>
	import { lrtbDistance } from "@/uni_modules/ucs-css"; 
</script>

<style>
	.box {
		width: 88px;
		height: 88px;
		background-color: #BCA9FE;
		position: fixed;
	}
</style>