Невозможно добавить изображение в b-img с круглым углом - PullRequest
Новая
       4

Невозможно добавить изображение в b-img с круглым углом

0 голосов
/ 06 июня 2019

Я пытаюсь создать панель навигации с круглым изображением справа вверху.Я использую bootstrap-vue, чтобы создать это.Я прочитал документы по начальной загрузке, чтобы добавить закругленные углы.Но не могу найти способ добавить изображение в него.Все, что я могу добавить, это цвет блока

. Я уже пробовал добавлять различные атрибуты в тег <b-img>.Но он не работает

Вот код:

NavigationBar.vue: 

<template>
  <div>
    <b-navbar toggleable="lg" type="dark" variant="light">
      <b-navbar-brand href="#">
        <img src="./../assets/logo.png" alt="mad_logo" />
      </b-navbar-brand>
      <b-navbar-nav class="ml-auto">
        <b-img v-bind="imageSetter" rounded="circle" alt="Profile"></b-img>
      </b-navbar-nav>  
    </b-navbar>


  </div>
</template>

<script>
export default {
  name: 'NavigationBar',
  data() {
    return {
      imageSetter: {
        blank: false, width: 50, src: "./../assets/logo.png", height: 50, class: 'm1'
      }
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>

Какой атрибут пропуска я могу передать, чтобы добавить в него изображение?Спасибо за помощь

...