fs-uni-template/components/fs-avatar-group/fs-avatar-group.vue

<template>
	<view class="fs-avatar-group">
		<slot></slot>
	</view>
</template>

<script setup>
import { provide, computed } from 'vue'

const props = defineProps({
	margin: {
		type: Number,
		default: '-30'
	},
	border: Boolean,
})

const paddingLeft = computed(() => -props.margin + 'rpx')
provide('avatarGroup', props)
</script>

<style lang="scss" scoped>
.fs-avatar-group{
	padding-left: v-bind(paddingLeft);
}
</style>