应用场景:点击el-link跳转到相应页面,自定义字体颜色大小
html结构
去除下划线
<el-link :underline="false">
<router-link
:to="{
path: '/home/article/detail',
query: { id: item.id }
}">
{{ item.title }}
</router-link>
</el-link>
css样式
通过修改a标签
a {
font-size: 14px;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
color: rgba(0, 0, 0, 0.85);
}
a:hover,
a:active {
color: #f1657d;
}