Skip to content

Commit 8d3a477

Browse files
committed
优化悬浮球:使用微信群图标,保持二维码图片原有比例
1 parent 94858ae commit 8d3a477

File tree

2 files changed

+6
-3
lines changed

2 files changed

+6
-3
lines changed

src/components/WechatGroupFloat.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,10 @@ const WechatGroupFloat: React.FC = () => {
1010
onMouseLeave={() => setShowQR(false)}
1111
>
1212
<div className="float-btn">
13-
<span>💬</span>
13+
<svg viewBox="0 0 24 24" width="24" height="24" fill="white">
14+
<path d="M8.5 3C4.36 3 1 5.69 1 9c0 1.78 1.02 3.37 2.6 4.45l-.6 2.35 2.7-1.35c.87.25 1.8.4 2.8.4.33 0 .66-.02.98-.05C9.17 13.97 9 13.01 9 12c0-3.87 3.58-7 8-7 .34 0 .67.02 1 .05C17.13 3.2 13.16 1.5 8.5 3zM6 8a1 1 0 110-2 1 1 0 010 2zm5 0a1 1 0 110-2 1 1 0 010 2z"/>
15+
<path d="M23 14c0-2.76-2.69-5-6-5s-6 2.24-6 5 2.69 5 6 5c.7 0 1.37-.1 2-.28l2.2 1.1-.5-1.9C22.22 16.77 23 15.45 23 14zm-8-1a1 1 0 110-2 1 1 0 010 2zm4 0a1 1 0 110-2 1 1 0 010 2z"/>
16+
</svg>
1417
<span className="float-text">交流群</span>
1518
</div>
1619

src/index.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2128,8 +2128,8 @@ select:focus {
21282128
}
21292129

21302130
.qr-popup img {
2131-
width: 180px;
2132-
height: 180px;
2131+
max-width: 200px;
2132+
height: auto;
21332133
border-radius: 8px;
21342134
}
21352135

0 commit comments

Comments
 (0)