From c192f834c4e092bc7c0f2722c343c25c1be619ab Mon Sep 17 00:00:00 2001
From: shikeying <pxzsky@163.com>
Date: 星期五, 07 四月 2023 17:32:33 +0800
Subject: [PATCH] 添加部分组件，添加拼图验证（未完成）
---
src/components/SvgIcon/index.vue | 20 +-------------------
1 files changed, 1 insertions(+), 19 deletions(-)
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index e4bf5ad..27da76c 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -1,13 +1,10 @@
<template>
- <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" />
- <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners">
+ <svg :class="svgClass" aria-hidden="true" v-on="$listeners">
<use :xlink:href="iconName" />
</svg>
</template>
<script>
-import { isExternal } from '@/utils/validate'
-
export default {
name: 'SvgIcon',
props: {
@@ -21,9 +18,6 @@
}
},
computed: {
- isExternal() {
- return isExternal(this.iconClass)
- },
iconName() {
return `#icon-${this.iconClass}`
},
@@ -32,12 +26,6 @@
return 'svg-icon ' + this.className
} else {
return 'svg-icon'
- }
- },
- styleExternalIcon() {
- return {
- mask: `url(${this.iconClass}) no-repeat 50% 50%`,
- '-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%`
}
}
}
@@ -51,11 +39,5 @@
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
-}
-
-.svg-external-icon {
- background-color: currentColor;
- mask-size: cover!important;
- display: inline-block;
}
</style>
--
Gitblit v1.9.1