كيف يمكنني جعل الأيقونة والفقرة والصورة تظهر بجانب بعضها في Vue.js؟

عليكي بوضع الصورة والأيقونة والنص في عنصر واحد، وقد قمتي بذلك بالفعل، ولذلك يمكنك استخدام عنصر div وتحديد display:flex لإظهار العناصر جنبًا إلى جنب.

حاولي تعديل الشفرة الخاصة بك كالتالي:

<div style="display: flex; align-items: center;">
  <img class="imgl@" v-if="item.logo I== ''" :src="require('../../assats/ing/$Eitam.Lago')"/>
  <p class="heder-box ps-3 mb-0">
    {{item.name}} |
    HEE :
    <i v-if="index != 3" class="fa fa-plus ms-3" aria-hidden="true"></i>
  </p>
</div>

وباستطاعتك تعديل أنماط CSS الخاصة بك وفقًا لما تريدينه.