fix: TechChip 加载到 SVG 后撤掉色块底色

SimpleIcons 返回的是带镂空的品牌彩色 SVG,跟下面的兜底色块叠在一起会从透明区域漏色非常丑;loaded 状态新增 tech-chip-loaded 修饰类把 background 改成 transparent、border-radius 归零,让品牌图标原样显示。

将版本号提升到 1.3.66。

Author: setube

package.json

@@ -1,7 +1,7 @@
 {
   "name": "stackprism",
   "private": true,
-  "version": "1.3.65",
+  "version": "1.3.66",
   "type": "module",
   "description": "StackPrism 用于检测网页前端、后端、CDN、SaaS、广告营销、统计、登录、支付、网站程序和主题模板线索。",
   "scripts": {

src/ui/components/TechChip.vue

@@ -1,5 +1,5 @@
 <template>
-  <span :class="['tech-chip', chipClass]" aria-hidden="true">
+  <span :class="['tech-chip', chipClass, { 'tech-chip-loaded': iconState === 'loaded' }]" aria-hidden="true">
     <img v-show="iconState === 'loaded'" class="tech-chip-img" :src="iconUrl" alt="" @load="onLoad" @error="onError" />
     <span v-show="iconState !== 'loaded'" class="tech-chip-initial">{{ initial }}</span>
   </span>
@@ -136,6 +136,13 @@
     &.tech-chip-slate {
       --tech-chip-bg: #6b7280;
     }
+
+    // 拿到 simpleicons 的 SVG 后:SVG 本身透明,色块底色会从镂空处透出来很丑;
+    // 这时候撤掉色块底色和圆角,让品牌图标原样显示
+    &.tech-chip-loaded {
+      background: transparent;
+      border-radius: 0;
+    }
   }
 
   .tech-chip-large {