jiangchengfeiyi-xiaochengxu/pages/my-order/component/nav.vue

<template>
	<view class="flex-row items-center equal-division-item" style="display: flex; align-items: center;">
	  <image
	    class="shrink-0 image_3"
	    :src="myOrderUrl + '/component/nav.png'"
	  />
	  <text class="ml-2 font text_18" style="margin-left: 5rpx;">导航</text>
	</view>
</template>

<script setup>
	import { onLoad } from "@dcloudio/uni-app";
	import { getFonts } from '../../../common/globalFont';
	import { myOrderUrl } from "../../../common/globalImagesUrl";
	onLoad(() => {
		getFonts()
	})
</script>

<style scoped lang="scss">
	.equal-division-item {
	  padding: 15rpx 0;
	}
	.image_3 {
	  width: 46.88rpx;
	  height: 46.88rpx;
	}
	.font {
	  font-size: 26.25rpx;
	  font-family: FangZhengFonts;
	  line-height: 25.84rpx;
	  color: #e79ea1;
	}
	.text_18 {
	  line-height: 24.62rpx;
	}
</style>