| 对比新文件 |
| | |
|---|
| | | <template>
|
|---|
| | | <svg :class="svgClass" aria-hidden="true">
|
|---|
| | | <use :xlink:href="iconName" :fill="color" />
|
|---|
| | | </svg>
|
|---|
| | | </template>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | export default defineComponent({
|
|---|
| | | props: {
|
|---|
| | | iconClass: {
|
|---|
| | | type: String,
|
|---|
| | | default: ''
|
|---|
| | | },
|
|---|
| | | className: {
|
|---|
| | | type: String,
|
|---|
| | | default: ''
|
|---|
| | | },
|
|---|
| | | color: {
|
|---|
| | | type: String,
|
|---|
| | | default: ''
|
|---|
| | | },
|
|---|
| | | },
|
|---|
| | | setup(props) {
|
|---|
| | | return {
|
|---|
| | | iconName: computed(() => `#icon-${props.iconClass}`),
|
|---|
| | | svgClass: computed(() => {
|
|---|
| | | if (props.className) {
|
|---|
| | | return `svg-icon ${props.className}`
|
|---|
| | | }
|
|---|
| | | return 'svg-icon'
|
|---|
| | | })
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | })
|
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | | <style scope lang="scss">
|
|---|
| | | .sub-el-icon,
|
|---|
| | | .nav-icon {
|
|---|
| | | display: inline-block;
|
|---|
| | | font-size: 15px;
|
|---|
| | | margin-right: 12px;
|
|---|
| | | position: relative;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .svg-icon {
|
|---|
| | | width: 1em;
|
|---|
| | | height: 1em;
|
|---|
| | | position: relative;
|
|---|
| | | fill: currentColor;
|
|---|
| | | vertical-align: -2px;
|
|---|
| | | }
|
|---|
| | | </style>
|
|---|
