2018-02-10 21:06:22 +08:00
|
|
|
<template>
|
2018-06-11 14:53:47 +08:00
|
|
|
<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"/>
|
2018-06-10 08:39:06 +08:00
|
|
|
</d2-container>
|
2018-02-10 21:06:22 +08:00
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style lang="scss">
|
2018-06-20 10:49:18 +08:00
|
|
|
@import '~@/assets/style/public.scss';
|
2018-02-10 21:06:22 +08:00
|
|
|
.icon-class-demo {
|
|
|
|
|
transition: all .3s;
|
|
|
|
|
font-size: 100px;
|
|
|
|
|
color: #409EFF;
|
2018-06-20 10:49:18 +08:00
|
|
|
@extend %unable-select;
|
2018-02-10 21:06:22 +08:00
|
|
|
&:hover{
|
|
|
|
|
color: #F56C6C;
|
|
|
|
|
transform: scale(1.2) rotate(30deg);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
