uniapp文字加粗
在 uniapp 中实现文字加粗的方法
方法一:使用 <text> 标签的 style 或 class 属性
通过内联样式或 CSS 类设置 font-weight: bold 实现加粗效果。
<text style="font-weight: bold;">加粗文字</text>
或通过 CSS 类:
<text class="bold-text">加粗文字</text>
<style>
.bold-text {
font-weight: bold;
}
</style>
方法二:使用 <b> 标签
HTML 原生标签 <b> 可以直接实现加粗效果。
<b>加粗文字</b>
方法三:使用 <strong> 标签
<strong> 标签不仅会加粗文字,还表示语义上的重要性。
<strong>加粗文字</strong>
注意事项
- 在部分平台(如小程序)中,
<b>或<strong>可能不生效,建议优先使用font-weight: bold。 - 全局样式可通过
App.vue或公共 CSS 文件定义,避免重复代码。







