You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.
< template >
<!-- 底部信息栏 -- >
< div class = "footer" >
<!-- 友情链接区域 -- >
< div class = "links" >
<!-- 链接 ： 项目代码仓库 -- >
< a href = "https://github.com/19920625lsg/spring-boot-online-exam" target = "_blank" > 代码仓 < / a >
<!-- 链接 ： 关于我的页面 -- >
< a href = "https://19920625lsg.github.io" target = "_blank" > 关于我 < / a >
<!-- 链接 ： 联系我 -- >
< a href = "mailto:liangshanguang2@gmail.com" > 联系我 < / a >
< / div >
<!-- 版权信息区域 -- >
< div class = "copyright" >
Copyright
<!-- 版权图标 -- >
< a -icon type = "copyright" / > 2020 < span > Liang Shan Guang < / span >
< / div >
< / div >
< / template >
< script > // 定义全局底部组件
export default {
name : 'GlobalFooter' ,
data ( ) {
return { }
}
}
< / script >
< style lang = "less" scoped > // 底部样式定义
. footer {
padding : 0 16 px ;
margin : 24 px 0 24 px ;
text - align : center ;
. links {
margin - bottom : 8 px ;
a {
color : rgba ( 0 , 0 , 0 , 0.45 ) ;
& : hover {
color : rgba ( 0 , 0 , 0 , 0.65 ) ;
}
& : not ( : last - child ) {
margin - right : 40 px ;
}
}
}
. copyright {
color : rgba ( 0 , 0 , 0 , 0.45 ) ;
font - size : 14 px ;
}
}
< / style >
