feat(设置): 添加微信二维码联系方式
- 在设置页面新增"联系作者"区块 - 展示微信二维码供用户扫码添加 via [HAPI](https://hapi.run) Co-Authored-By: HAPI <noreply@hapi.run>
This commit is contained in:
BIN
public/wechat-qrcode.jpg
Normal file
BIN
public/wechat-qrcode.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
@@ -68,12 +68,32 @@ export function SettingsPage() {
|
|||||||
</div>
|
</div>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
||||||
{/* 关于 */}
|
{/* 联系方式 */}
|
||||||
<motion.div
|
<motion.div
|
||||||
initial={{ opacity: 0, y: 20 }}
|
initial={{ opacity: 0, y: 20 }}
|
||||||
animate={{ opacity: 1, y: 0 }}
|
animate={{ opacity: 1, y: 0 }}
|
||||||
transition={{ delay: 0.1 }}
|
transition={{ delay: 0.1 }}
|
||||||
className="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700 p-6"
|
className="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700 p-6"
|
||||||
|
>
|
||||||
|
<h2 className="font-semibold text-gray-900 dark:text-white mb-4">联系作者</h2>
|
||||||
|
<div className="flex flex-col items-center gap-3">
|
||||||
|
<img
|
||||||
|
src="/wechat-qrcode.jpg"
|
||||||
|
alt="微信二维码"
|
||||||
|
className="w-48 h-48 rounded-lg border border-gray-200 dark:border-gray-600"
|
||||||
|
/>
|
||||||
|
<p className="text-sm text-gray-500 dark:text-gray-400">
|
||||||
|
扫一扫上面的二维码图案,加我为朋友
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</motion.div>
|
||||||
|
|
||||||
|
{/* 关于 */}
|
||||||
|
<motion.div
|
||||||
|
initial={{ opacity: 0, y: 20 }}
|
||||||
|
animate={{ opacity: 1, y: 0 }}
|
||||||
|
transition={{ delay: 0.2 }}
|
||||||
|
className="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700 p-6"
|
||||||
>
|
>
|
||||||
<h2 className="font-semibold text-gray-900 dark:text-white mb-4">关于 ITTOView</h2>
|
<h2 className="font-semibold text-gray-900 dark:text-white mb-4">关于 ITTOView</h2>
|
||||||
<div className="space-y-2 text-sm text-gray-500 dark:text-gray-400">
|
<div className="space-y-2 text-sm text-gray-500 dark:text-gray-400">
|
||||||
|
|||||||
Reference in New Issue
Block a user