Ver código fonte

feat: 常见问题页电话客服图标重绘为扁平化SVG(品牌青绿圆徽+白色客服耳机,矢量无损),移除旧位图

skyline 2 semanas atrás
pai
commit
71a4e3b77f

+ 1 - 1
charge-front/src/pages-common/faq/faq.vue

@@ -50,7 +50,7 @@
       <image
         class="width-96"
         mode="widthFix"
-        src="/static/images/contact-customer.png"
+        src="/static/images/contact-customer.svg"
       />
       <view class="mt-16 color-666 fs-28">电话客服</view>
     </view>

BIN
charge-front/src/static/images/contact-customer.png


+ 13 - 0
charge-front/src/static/images/contact-customer.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
+  <!-- 扁平化电话客服图标:品牌青绿实底圆徽 + 白色客服耳机(居中对称,线宽统一) -->
+  <circle cx="48" cy="48" r="44" fill="#2D9E95"/>
+  <!-- 头带:半圆弧,两端收进耳罩 -->
+  <path d="M29 44v-4a19 19 0 0 1 38 0v4" fill="none" stroke="#FFFFFF" stroke-width="5.5" stroke-linecap="round"/>
+  <!-- 左右耳罩:胶囊形 -->
+  <rect x="24" y="40" width="12" height="21" rx="6" fill="#FFFFFF"/>
+  <rect x="60" y="40" width="12" height="21" rx="6" fill="#FFFFFF"/>
+  <!-- 话务杆:自左耳罩底部平滑弯出 -->
+  <path d="M30 61c0 7.5 6.5 11.5 14 11.5h4.5" fill="none" stroke="#FFFFFF" stroke-width="5" stroke-linecap="round"/>
+  <!-- 话筒端点 -->
+  <circle cx="54" cy="72.5" r="5" fill="#FFFFFF"/>
+</svg>