uniapp 默认导航栏字体
时间: 2023-06-23 11:52:44 浏览: 169
uni-app 自定义底部导航栏uni-app-bottom-navigation-master.zip
5星 · 资源好评率100%
在 uni-app 中,可以通过修改 `App.vue` 文件中的 `globalStyle` 来设置默认导航栏字体,示例代码如下:
```html
<template>
<div>
<!-- 这里是页面内容 -->
</div>
</template>
<style>
/* 全局样式 */
/* 设置导航栏字体为微软雅黑 */
globalStyle {
.uni-nav-bar > .uni-nav-bar__title {
font-family: 'Microsoft YaHei', sans-serif;
}
}
</style>
```
在上面的代码中,我们使用了 `globalStyle` 全局样式来设置导航栏字体。首先,我们选择了 `.uni-nav-bar` 类,这是 uni-app 框架默认的导航栏类名。然后,我们选择了 `.uni-nav-bar__title` 类,这是导航栏标题的类名。最后,我们通过 `font-family` 属性设置了字体为 “Microsoft YaHei”,这是常用的中文字体之一。
阅读全文