28 lines
626 B
Vue
28 lines
626 B
Vue
|
<template>
|
||
|
|
<Container type="ghost">
|
||
|
|
<el-card class="dd-mb">
|
||
|
|
<Icon></Icon>
|
||
|
|
<Icon name="github"></Icon>
|
||
|
|
<Icon name="github" style="font-size: 100px;"></Icon>
|
||
|
|
<Icon name="github" class="icon-class-demo"></Icon>
|
||
|
|
</el-card>
|
||
|
|
<el-card>
|
||
|
|
<Markdown url="/static/markdownFiles/article/组件 - 图标组件.md"></Markdown>
|
||
|
|
</el-card>
|
||
|
|
</Container>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
.icon-class-demo {
|
||
|
|
transition: all .3s;
|
||
|
|
font-size: 100px;
|
||
|
|
color: #409EFF;
|
||
|
|
cursor: pointer;
|
||
|
|
user-select: none;
|
||
|
|
&:hover{
|
||
|
|
color: #F56C6C;
|
||
|
|
transform: scale(1.2) rotate(30deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|