833a5e2342
Former-commit-id: e54f45882e77d372b2d0d17929b4f52ad568daf2 [formerly e54f45882e77d372b2d0d17929b4f52ad568daf2 [formerly e54f45882e77d372b2d0d17929b4f52ad568daf2 [formerly e54f45882e77d372b2d0d17929b4f52ad568daf2 [formerly 54d78c865471252a8e23ca064934e45503951027 [formerly 88c5a80449e2e732e61934ccd815e276c5412be6]]]]] Former-commit-id: cb8922d8cca45c1ac762ceb49e490bfcecdf00a3 Former-commit-id: ee410be6505d113e5e9166a0780d4e1320e2a3d0 Former-commit-id: 826f4585fc5ec9750ce3363c251b77b9ddadcd33 [formerly ae8139e7e0785375ff8fbed9142b1ba367d0ed50] Former-commit-id: ea4447c05a97342f7458dee88af65a6aabf827a2 Former-commit-id: 99d9e2726bba333a0ec99ce4d3434b8d8c553628 Former-commit-id: 4f4644acc7ec974b404c747fd51e65e1ee30693b Former-commit-id: fdbaadaf8d612c11161b42a275f2b6eb4f36ccac Former-commit-id: f27a35136dbdcb5d9fe4778d2357ad7849319948
24 lines
515 B
Vue
24 lines
515 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">
|
|
@import '~@/assets/style/public.scss';
|
|
.icon-class-demo {
|
|
transition: all .3s;
|
|
font-size: 100px;
|
|
color: #409EFF;
|
|
@extend %unable-select;
|
|
&:hover{
|
|
color: #F56C6C;
|
|
transform: scale(1.2) rotate(30deg);
|
|
}
|
|
}
|
|
</style>
|