vue 页面一个是<a-empty>中显示的文字,一个是echarts初始化时的title设置,怎么保证文字大小一致?
时间: 2024-03-28 08:42:26 浏览: 179
要保证 `<a-empty>` 和 `echarts` 标题文字大小一致,可以使用相同的 CSS 样式规则。具体来说,你可以在你的 CSS 文件中添加以下样式:
```css
.a-empty,
.echarts-title {
font-size: 16px;
font-weight: bold;
}
```
然后在 HTML 中使用 `<a-empty>` 和 `echarts` 标题时,都加上相同的 class 名称,如下所示:
```html
<a-empty class="a-empty">暂无数据</a-empty>
<script>
// echarts 相关代码
var myChart = echarts.init(document.getElementById('myChart'));
myChart.setOption({
title: {
text: '疑点处理状态',
textStyle: {
fontSize: 16,
fontWeight: 'bold'
}
},
// 其他配置项
});
</script>
```
这样,`<a-empty>` 和 `echarts` 标题的文字大小就会一致了。
阅读全文