From ce70bc450a2401997bb850f89f3c4dc0a23e0a72 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 05 九月 2025 18:38:13 +0800
Subject: [PATCH] 31 数字化口腔修复技术 整本
---
src/components/svgIcon/index.vue | 35 ++---------------------------------
1 files changed, 2 insertions(+), 33 deletions(-)
diff --git a/src/components/svgIcon/index.vue b/src/components/svgIcon/index.vue
index 820aa9a..881046b 100644
--- a/src/components/svgIcon/index.vue
+++ b/src/components/svgIcon/index.vue
@@ -3,17 +3,16 @@
<i v-if="iconFileName.indexOf('el-icon-') === 0" :class="iconFileName" />
<!-- 濡傛灉鏄� SVG 鍥炬爣锛岃繘琛屾敼閫� -->
- <svg v-else class="svg-icon" aria-hidden="true" v-on="$listeners" :style="svgStyle">
+ <svg v-else class="svg-icon" aria-hidden="true" v-on="$listeners">
<!--
:xlink:href 鍔ㄦ�佺粦瀹氬浘鏍嘔D
娉ㄦ剰锛氳繖閲屽亣璁句綘鐨勫浘鏍嘔D鏄� "icon-" + iconFileName
-->
- <use :xlink:href="`#icon-${iconFileName}`" />
+ <use class="useBox" :xlink:href="`#icon-${iconFileName}`" />
</svg>
</template>
<script>
-import config from "@/assets/js/config";
export default {
name: 'SvgIcon',
props: {
@@ -21,46 +20,16 @@
type: String,
required: true
},
- // 鏂板涓�涓� color prop锛岀敤浜庢帴鏀堕鑹�
- color: {
- type: String,
- // 榛樿鍊艰涓� 'inherit'锛屽畠浼氱户鎵跨埗鍏冪礌鐨勬枃瀛楅鑹�
- default: 'inherit'
- },
- // 鍙�夛細澧炲姞灏哄鎺у埗
- size: {
- type: String,
- default: '1em'
- }
},
- computed: {
- // 浣跨敤璁＄畻灞炴�ф潵鍔ㄦ�佺敓鎴愭牱寮�
- svgStyle() {
- return {
- fontSize: this.size,
- };
- }
- },
- mounted() {
- console.log(config.activeBook.bookThemeColor, "987654");
- }
}
</script>
<style scoped>
.svg-icon {
- /*
- 1. width 鍜� height 浣跨敤 em 鍗曚綅锛屼娇鍏朵笌 font-size 鍏宠仈銆�
- 2. overflow: hidden 闃叉鍥炬爣鍦ㄦ煇浜涙儏鍐典笅婧㈠嚭銆�
- 3. vertical-align: 璋冩暣鍥炬爣涓庢枃瀛楃殑瀵归綈鍩虹嚎銆�
- 4. fill: currentColor; 鍛婅瘔SVG鍐呴儴鎵�鏈夋病鏈夋寚瀹歠ill鐨勫厓绱狅紝
- 缁熶竴浣跨敤褰撳墠鍏冪礌鐨� 'color' 鍊间綔涓哄～鍏呰壊銆�
- */
width: 1em;
height: 1em;
overflow: hidden;
vertical-align: -0.15em;
fill: currentColor;
}
-
</style>
--
Gitblit v1.9.1