我有一个包含徽标的网站,我想将其称为“ Bakerita”,但是如何更改该单词的字体类型?我打开了主要网站,但找不到任何信息可以更改字体类型。
App.view:
<template>
<div>
<v-app-bar
color="deep-purple accent-4"
>
<v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
<v-toolbar-title>Bakerita</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon>
<v-icon>mdi-magnify</v-icon>
</v-btn>
<v-btn icon>
<v-icon>mdi-filter</v-icon>
</v-btn>
<v-btn icon>
<v-icon>mdi-dots-vertical</v-icon>
</v-btn>
</v-app-bar>
<v-navigation-drawer
v-model="drawer"
absolute
bottom
temporary
>
<v-list
nav
dense
>
<v-list-item-group
v-model="group"
active-class="deep-purple--text text--accent-4"
>
<v-list-item>
<v-list-item-title>Foo</v-list-item-title>
</v-list-item>
<v-list-item>
<v-list-item-title>Bar</v-list-item-title>
</v-list-item>
<v-list-item>
<v-list-item-title>Fizz</v-list-item-title>
</v-list-item>
<v-list-item>
<v-list-item-title>Buzz</v-list-item-title>
</v-list-item>
</v-list-item-group>
</v-list>
</v-navigation-drawer>
</div>
</template>
<script>
export default {
data(){
return{
drawer:false
}
}
};
</script>
根据组件api的定义,没有支持自定义样式的道具,但是您可以用div包装标题,并为其提供所需的样式:
<v-toolbar-title>
<div style="font-size:24pt">
Bakerita
</div>
</v-toolbar-title>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句