我不明白为什么我的 v-icon 被提升了,它不允许我设置边距或填充(或者更确切地说它们没有效果)并且我将内容设置为基线。帮助!
<v-card-text>
<v-layout justify-start>
<div class="address">{{bla bla bla}}</div>
<v-icon small color="purple">verified_user</v-icon>
<div class="right-icon loc-info">
<v-icon>map</v-icon>
<div>Map</div></div>
<div class="loc-info"><v-icon>directions</v-icon>
<div>Directions</div>
</div>
<div class="loc-info"><v-icon>share</v-icon>
<div>Share</div>
</div>
<v-spacer></v-spacer>
<v-icon color="grey">close</v-icon>
</v-layout>
</v-card-text>
....
<style>
.loc-info{
display: flex;
align-items: baseline;
}
.right-icon{
margin-left: 20%
}
所有这些看起来都像 this
最佳答案
您正在设计容器。尝试将 vuetify Prop 设置为 v-icon
,例如 mb2
或仅将类添加到 v-icon
。
关于html - vuetify v-icon 的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55102434/