2029ff38b2
Former-commit-id: 4a1af7085d5d219fa49cb3bcde32bef16f5d69d6 Former-commit-id: 6fd5799f007bc736fcd20354835e908464f52355 Former-commit-id: fb88a361b3f8a5a05e6863fc34809753b6e560ee
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>
|