0894798515
Former-commit-id: fc287cc8f6ab2052af26400abf0893008c9a21d3 Former-commit-id: 976fdd8400a9c855446ec171549fb3d489fda9f5 Former-commit-id: 69af7ddb348f8f80321bec6a5f7c636c5cc85487
24 lines
490 B
Vue
24 lines
490 B
Vue
<template>
|
|
<d2-container>
|
|
<template slot="header">图标组件</template>
|
|
<d2-icon/>
|
|
<d2-icon name="github"/>
|
|
<d2-icon name="github" style="font-size: 100px;"/>
|
|
<d2-icon name="github" class="icon-class-demo"/>
|
|
</d2-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>
|