applet/components/ActiveTabIocn/ActiveTabIocn.vue

<template>
	<view class="active-tab-iocn" :style="{width:'126rpx' , height:h+'rpx'}">
		<image class="icon" :src="$handleImageUrl('/personalCenter/agent/tabs_line.png')" mode="">
		</image>
	</view>
</template>

<script lang="ts" setup>
	defineProps({
		w: {
			type: Number,
			default: 126
		},
		h: {
			type: Number,
			default: 13
		}
	})
</script>

<style lang="scss" scoped>
.active-tab-iocn{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	.icon{
		width: 126rpx;
        height: 13rpx;
	}
}
</style>