el-link用法以及样式修改

应用场景：点击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;
	}