<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Vue on Producthunt daily</title>
        <link>https://producthunt.programnotes.cn/en/tags/vue/</link>
        <description>Recent content in Vue on Producthunt daily</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>en</language>
        <lastBuildDate>Sat, 18 Oct 2025 15:25:17 +0800</lastBuildDate><atom:link href="https://producthunt.programnotes.cn/en/tags/vue/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>HuLa</title>
        <link>https://producthunt.programnotes.cn/en/p/hula/</link>
        <pubDate>Sat, 18 Oct 2025 15:25:17 +0800</pubDate>
        
        <guid>https://producthunt.programnotes.cn/en/p/hula/</guid>
        <description>&lt;img src="https://images.unsplash.com/photo-1554196694-aa2baaa903a6?ixid=M3w0NjAwMjJ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NjA3NzIyNzJ8&amp;ixlib=rb-4.1.0" alt="Featured image of post HuLa" /&gt;&lt;h1 id=&#34;hulasparkhula&#34;&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/HuLaSpark/HuLa&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;HuLaSpark/HuLa&lt;/a&gt;
&lt;/h1&gt;&lt;p align=&#34;center&#34;&gt;
  &lt;img width=&#34;350px&#34; height=&#34;150px&#34; src=&#34;public/hula.png&#34;/&gt;
&lt;/p&gt;
&lt;p align=&#34;center&#34;&gt;一款基于Tauri、Vite 7、Vue 3 和 TypeScript 构建的即时通讯系统&lt;/p&gt;
&lt;div align=&#34;center&#34;&gt;
  &lt;a href=&#34;https://hellogithub.com/repository/743b101346c54f6cb5c20eed2edbaa40&#34; target=&#34;_blank&#34;&gt;
    &lt;img src=&#34;https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=743b101346c54f6cb5c20eed2edbaa40&amp;claim_uid=WsQaY6SlnL7qxG3&amp;theme=neutral&#34; alt=&#34;Featured｜HelloGitHub&#34; style=&#34;width: 250px; height: 54px;&#34; width=&#34;250&#34; height=&#34;54&#34; /&gt;
  &lt;/a&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div align=&#34;center&#34;&gt;
  &lt;p&gt;
    &lt;a href=&#34;https://gitee.com/HulaSpark/HuLa/stargazers&#34;&gt;
      &lt;img src=&#34;https://gitee.com/HulaSpark/HuLa/badge/star.svg?theme=gvp&#34; alt=&#34;Gitee Stars&#34;&gt;
    &lt;/a&gt;
    &lt;a href=&#34;https://github.com/HulaSpark/HuLa/stargazers&#34;&gt;
      &lt;img src=&#34;https://img.shields.io/github/stars/HulaSpark/HuLa?style=social&#34; alt=&#34;GitHub Stars&#34;&gt;
    &lt;/a&gt;
    &lt;a href=&#34;https://gitcode.com/HuLaSpark/HuLa&#34;&gt;
      &lt;img src=&#34;https://gitcode.com/HuLaSpark/HuLa/star/badge.svg&#34; alt=&#34;GitCode Stars&#34;&gt;
    &lt;/a&gt;
  &lt;/p&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;div align=&#34;center&#34;&gt;
  &lt;p&gt;
    &lt;a href=&#34;https://deepwiki.com/HuLaSpark/HuLa&#34;&gt;
      &lt;img src=&#34;https://deepwiki.com/badge.svg&#34; alt=&#34;DeepWiki&#34;&gt;
    &lt;/a&gt;
    &lt;a href=&#34;https://app.fossa.com/projects/git%2Bgithub.com%2FHuLaSpark%2FHuLa?ref=badge_shield&#34;&gt;
      &lt;img src=&#34;https://app.fossa.com/api/projects/git%2Bgithub.com%2FHuLaSpark%2FHuLa.svg?type=shield&#34; alt=&#34;FOSSA Status&#34;&gt;
    &lt;/a&gt;
    &lt;a href=&#34;https://www.bestpractices.dev/zh-CN/projects/9692&#34;&gt;
      &lt;img src=&#34;https://bestpractices.coreinfrastructure.org/projects/9692/badge&#34; alt=&#34;CII Best Practices&#34;&gt;
    &lt;/a&gt;
  &lt;/p&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;!-- 🛠️ 技术栈 --&gt;
&lt;div align=&#34;center&#34;&gt;
  &lt;p&gt;
    &lt;img src=&#34;https://img.shields.io/badge/Vue3-35495E?logo=vue.js&amp;logoColor=4FC08D&#34;&gt;
    &lt;img src=&#34;https://img.shields.io/badge/TypeScript-3178C6?logo=typescript&amp;logoColor=fff&#34;&gt;
    &lt;img src=&#34;https://img.shields.io/badge/Vite7-646CFF?logo=vite&amp;logoColor=fff&#34;&gt;
    &lt;img src=&#34;https://img.shields.io/badge/Tauri-24C8DB?logo=tauri&amp;logoColor=FFC131&#34;&gt;
    &lt;img src=&#34;https://img.shields.io/badge/Rust-c57c54?logo=rust&amp;logoColor=E34F26&#34;&gt;
    &lt;img src=&#34;https://img.shields.io/badge/UnoCss-333333?logo=unocss&amp;logoColor=fff&#34;&gt;
    &lt;img src=&#34;https://img.shields.io/badge/Sass-CC6699?logo=sass&amp;logoColor=fff&#34;&gt;
    &lt;img src=&#34;https://img.shields.io/badge/pnpm-F69220?logo=pnpm&amp;logoColor=fff&#34;&gt;
  &lt;/p&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;!-- 🔗 快速链接 --&gt;
&lt;div align=&#34;center&#34;&gt;
  &lt;h3&gt;🔗 快速链接&lt;/h3&gt;
  &lt;p&gt;
    💻 &lt;strong&gt;官网：&lt;/strong&gt;&lt;a href=&#34;https://hulaspark.com&#34;&gt;HuLaSpark&lt;/a&gt; |
    📝 &lt;strong&gt;启动文档：&lt;/strong&gt;&lt;a href=&#34;docs/project_guide.md&#34;&gt;环境配置及其启动教程&lt;/a&gt; |
    ☕️ &lt;strong&gt;服务端：&lt;/strong&gt;&lt;a href=&#34;https://github.com/HulaSpark/HuLa-Server&#34;&gt;GitHub&lt;/a&gt; / &lt;a href=&#34;https://gitee.com/HulaSpark/HuLa-Server&#34;&gt;Gitee&lt;/a&gt; |
    💬 &lt;strong&gt;微信：&lt;/strong&gt;&lt;code&gt;cy2439646234&lt;/code&gt;
  &lt;/p&gt;
&lt;/div&gt;
&lt;p align=&#34;center&#34;&gt;
  中文 |
  &lt;a href=&#34;README.en.md&#34;&gt;English&lt;/a&gt; |
  &lt;!-- Keep these links. Translations will automatically update with the README. --&gt;
  &lt;a href=&#34;https://www.readme-i18n.com/HuLaSpark/HuLa?lang=de&#34;&gt;Deutsch&lt;/a&gt; |
  &lt;a href=&#34;https://www.readme-i18n.com/HuLaSpark/HuLa?lang=es&#34;&gt;Español&lt;/a&gt; |
  &lt;a href=&#34;https://www.readme-i18n.com/HuLaSpark/HuLa?lang=fr&#34;&gt;français&lt;/a&gt; |
  &lt;a href=&#34;https://www.readme-i18n.com/HuLaSpark/HuLa?lang=ja&#34;&gt;日本語&lt;/a&gt; |
  &lt;a href=&#34;https://www.readme-i18n.com/HuLaSpark/HuLa?lang=ko&#34;&gt;한국어&lt;/a&gt; |
  &lt;a href=&#34;https://www.readme-i18n.com/HuLaSpark/HuLa?lang=pt&#34;&gt;Português&lt;/a&gt; |
  &lt;a href=&#34;https://www.readme-i18n.com/HuLaSpark/HuLa?lang=ru&#34;&gt;Русский&lt;/a&gt;
&lt;/p&gt;
&lt;h2 id=&#34;-支持平台&#34;&gt;🌐 支持平台
&lt;/h2&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;平台&lt;/th&gt;
          &lt;th&gt;支持版本&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Windows&lt;/td&gt;
          &lt;td&gt;Windows 10, Windows 11&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;macOS&lt;/td&gt;
          &lt;td&gt;macOS 10.5+&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Linux&lt;/td&gt;
          &lt;td&gt;Ubuntu 22.0+&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;iOS/iPadOS&lt;/td&gt;
          &lt;td&gt;iOS 9.0+, iPadOS 9.0+&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Android&lt;/td&gt;
          &lt;td&gt;Android 8.0+&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id=&#34;-项目介绍&#34;&gt;📝 项目介绍
&lt;/h2&gt;&lt;p&gt;HuLa 是一款基于 Tauri、Vite 7、Vue 3 和 TypeScript 构建的即时通讯系统。它利用了 Tauri 的跨平台能力和 Vue 3 的响应式设计，结合了 TypeScript 的类型安全特性和 Vite 7 的快速构建，为用户提供了一个高效、安全和易用的通讯解决方案。&lt;/p&gt;
&lt;h2 id=&#34;-技术栈&#34;&gt;🛠️ 技术栈
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Tauri&lt;/strong&gt;: 为本项目提供了一款轻量级的、高性能的桌面应用容器，使得我们可以使用前端技术栈来开发跨平台的桌面应用。Tauri 的设计哲学是在保证安全性的前提下，尽可能减少资源占用。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Vite 7&lt;/strong&gt;: Vite 是一个现代化的前端构建工具，它利用原生 ES 模块导入的能力来提供一个快速的开发服务器，与此同时，它也为生产环境打包提供了强大的支持。Vite 7 是其最新的版本，带来了更多的优化和特性。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Vue 3&lt;/strong&gt;: Vue 3 是一个渐进式JavaScript框架，用于构建用户界面。它的组合式API、更好的TypeScript集成和对移动端的优化使得开发复杂的单页应用变得更加简单和高效。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;TypeScript&lt;/strong&gt;: TypeScript 是 JavaScript 的一个超集，它在 JavaScript 的基础上增加了类型系统。这让我们能够在开发过程中捕获更多的错误，并且提供更好的编辑器支持。&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;-项目预览&#34;&gt;🖼️ 项目预览
&lt;/h2&gt;&lt;div align=&#34;center&#34;&gt;
  &lt;h3&gt;🎨 界面展示&lt;/h3&gt;
&lt;/div&gt;
&lt;!-- 主界面展示 --&gt;
&lt;table align=&#34;center&#34;&gt;
  &lt;tr&gt;
    &lt;td align=&#34;center&#34;&gt;
      &lt;img src=&#34;preview/img.png&#34; alt=&#34;主界面&#34; width=&#34;400&#34; style=&#34;border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); margin: 8px;&#34;&gt;
      &lt;br&gt;&lt;em&gt;💬 主聊天界面&lt;/em&gt;
    &lt;/td&gt;
    &lt;td align=&#34;center&#34;&gt;
      &lt;img src=&#34;preview/img_1.png&#34; alt=&#34;聊天界面&#34; width=&#34;400&#34; style=&#34;border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); margin: 8px;&#34;&gt;
      &lt;br&gt;&lt;em&gt;🗨️ 聊天对话界面&lt;/em&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td align=&#34;center&#34;&gt;
      &lt;img src=&#34;preview/img_2.png&#34; alt=&#34;联系人界面&#34; width=&#34;400&#34; style=&#34;border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); margin: 8px;&#34;&gt;
      &lt;br&gt;&lt;em&gt;😊 表情包选择&lt;/em&gt;
    &lt;/td&gt;
    &lt;td align=&#34;center&#34;&gt;
      &lt;img src=&#34;preview/img_3.png&#34; alt=&#34;设置界面&#34; width=&#34;400&#34; style=&#34;border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); margin: 8px;&#34;&gt;
      &lt;br&gt;&lt;em&gt;⚙️ 系统设置&lt;/em&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
&lt;br&gt;
&lt;!-- 功能特性展示 --&gt;
&lt;div align=&#34;center&#34;&gt;
  &lt;h4&gt;🌟 功能特性&lt;/h4&gt;
&lt;/div&gt;
&lt;table align=&#34;center&#34;&gt;
  &lt;tr&gt;
    &lt;td align=&#34;center&#34;&gt;
      &lt;img src=&#34;preview/img_4.png&#34; alt=&#34;消息功能&#34; width=&#34;280&#34; style=&#34;border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); margin: 6px;&#34;&gt;
      &lt;br&gt;&lt;em&gt;📱 消息多样化&lt;/em&gt;
    &lt;/td&gt;
    &lt;td align=&#34;center&#34;&gt;
      &lt;img src=&#34;preview/img_5.png&#34; alt=&#34;主题切换&#34; width=&#34;280&#34; style=&#34;border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); margin: 6px;&#34;&gt;
      &lt;br&gt;&lt;em&gt;🎨 状态切换&lt;/em&gt;
    &lt;/td&gt;
    &lt;td align=&#34;center&#34;&gt;
      &lt;img src=&#34;preview/img_6.png&#34; alt=&#34;表情包&#34; width=&#34;280&#34; style=&#34;border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); margin: 6px;&#34;&gt;
      &lt;br&gt;&lt;em&gt; 📷 图片查看&lt;/em&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td align=&#34;center&#34;&gt;
      &lt;img src=&#34;preview/img_7.png&#34; alt=&#34;群聊管理&#34; width=&#34;280&#34; style=&#34;border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); margin: 6px;&#34;&gt;
      &lt;br&gt;&lt;em&gt;👥 群聊管理&lt;/em&gt;
    &lt;/td&gt;
    &lt;td align=&#34;center&#34;&gt;
      &lt;img src=&#34;preview/img_8.png&#34; alt=&#34;个人设置&#34; width=&#34;280&#34; style=&#34;border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); margin: 6px;&#34;&gt;
      &lt;br&gt;&lt;em&gt;🤖 ChatBot 插件功能&lt;/em&gt;
    &lt;/td&gt;
    &lt;td align=&#34;center&#34;&gt;
      &lt;img src=&#34;preview/img_9.png&#34; alt=&#34;文件传输&#34; width=&#34;280&#34; style=&#34;border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); margin: 6px;&#34;&gt;
      &lt;br&gt;&lt;em&gt;🤖 ChatBot 设置页面&lt;/em&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
&lt;h2 id=&#34;-功能特性&#34;&gt;✨ 功能特性
&lt;/h2&gt;&lt;div align=&#34;center&#34;&gt;
  &lt;h3&gt;🎯 开发进度一览&lt;/h3&gt;
&lt;/div&gt;
&lt;h3 id=&#34;-用户认证系统&#34;&gt;🔐 用户认证系统
&lt;/h3&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;功能&lt;/th&gt;
          &lt;th&gt;描述&lt;/th&gt;
          &lt;th&gt;状态&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;🔑&lt;/td&gt;
          &lt;td&gt;账号密码登录&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;📱&lt;/td&gt;
          &lt;td&gt;二维码扫码登录&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;💻&lt;/td&gt;
          &lt;td&gt;多设备登录管理&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h3 id=&#34;-消息通信&#34;&gt;💬 消息通信
&lt;/h3&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;功能&lt;/th&gt;
          &lt;th&gt;描述&lt;/th&gt;
          &lt;th&gt;状态&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;👤&lt;/td&gt;
          &lt;td&gt;一对一私聊&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;👥&lt;/td&gt;
          &lt;td&gt;群组聊天&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;↩️&lt;/td&gt;
          &lt;td&gt;消息撤回&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;📢&lt;/td&gt;
          &lt;td&gt;@提醒、回复功能&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;👁️&lt;/td&gt;
          &lt;td&gt;消息已读状态&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;😊&lt;/td&gt;
          &lt;td&gt;表情包功能&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;🖱️&lt;/td&gt;
          &lt;td&gt;消息右键菜单&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;🔗&lt;/td&gt;
          &lt;td&gt;链接预览卡片&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;👍&lt;/td&gt;
          &lt;td&gt;消息点赞互动&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;📔&lt;/td&gt;
          &lt;td&gt;历史记录管理&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h3 id=&#34;-社交管理&#34;&gt;🤝 社交管理
&lt;/h3&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;功能&lt;/th&gt;
          &lt;th&gt;描述&lt;/th&gt;
          &lt;th&gt;状态&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;➕&lt;/td&gt;
          &lt;td&gt;好友添加与删除&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;🔍&lt;/td&gt;
          &lt;td&gt;好友搜索&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;🏢&lt;/td&gt;
          &lt;td&gt;群组创建与管理&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;🟢&lt;/td&gt;
          &lt;td&gt;好友在线状态&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;🎖️&lt;/td&gt;
          &lt;td&gt;好友徽章系统&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;🚫&lt;/td&gt;
          &lt;td&gt;屏蔽拉黑免打扰&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;📤&lt;/td&gt;
          &lt;td&gt;消息转发&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;📋&lt;/td&gt;
          &lt;td&gt;群公告功能&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;🏷️&lt;/td&gt;
          &lt;td&gt;备注昵称管理&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;📍&lt;/td&gt;
          &lt;td&gt;获取和发送位置&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;🔥&lt;/td&gt;
          &lt;td&gt;扫码登录、进群&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h3 id=&#34;-界面体验&#34;&gt;🎨 界面体验
&lt;/h3&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;功能&lt;/th&gt;
          &lt;th&gt;描述&lt;/th&gt;
          &lt;th&gt;状态&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;🖼️&lt;/td&gt;
          &lt;td&gt;现代化界面设计&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;🌙&lt;/td&gt;
          &lt;td&gt;深色浅色主题&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;🎭&lt;/td&gt;
          &lt;td&gt;皮肤主题切换&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h3 id=&#34;-系统功能&#34;&gt;🛠️ 系统功能
&lt;/h3&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;功能&lt;/th&gt;
          &lt;th&gt;描述&lt;/th&gt;
          &lt;th&gt;状态&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;🪟&lt;/td&gt;
          &lt;td&gt;多窗口管理&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;🔔&lt;/td&gt;
          &lt;td&gt;系统托盘通知&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;📷&lt;/td&gt;
          &lt;td&gt;图片查看器&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;✂️&lt;/td&gt;
          &lt;td&gt;截图功能&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;进行中&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;📁&lt;/td&gt;
          &lt;td&gt;文件上传(七牛云)&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;🔄&lt;/td&gt;
          &lt;td&gt;自动更新系统&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h3 id=&#34;-跨平台支持&#34;&gt;🌐 跨平台支持
&lt;/h3&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;功能&lt;/th&gt;
          &lt;th&gt;描述&lt;/th&gt;
          &lt;th&gt;状态&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;💻&lt;/td&gt;
          &lt;td&gt;Windows/macOS/Linux&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;📱&lt;/td&gt;
          &lt;td&gt;iOS/Android 适配&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e2%9c%85-%e5%ae%8c%e6%88%90-008080?style=flat&amp;amp;labelColor=e6f7f7&amp;amp;color=008080&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;完成&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h3 id=&#34;-ai-集成&#34;&gt;🤖 AI 集成
&lt;/h3&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;功能&lt;/th&gt;
          &lt;th&gt;描述&lt;/th&gt;
          &lt;th&gt;状态&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;🧠&lt;/td&gt;
          &lt;td&gt;AI 聊天助手&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%f0%9f%90%a3-%e8%bf%9b%e8%a1%8c%e4%b8%ad-ee9f20?style=flat&amp;amp;labelColor=fef7e6&amp;amp;color=ee9f20&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;进行中&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;🔌&lt;/td&gt;
          &lt;td&gt;多平台 AI 支持&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%f0%9f%90%a3-%e8%bf%9b%e8%a1%8c%e4%b8%ad-ee9f20?style=flat&amp;amp;labelColor=fef7e6&amp;amp;color=ee9f20&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;进行中&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id=&#34;-感谢以下贡献者们&#34;&gt;👏 感谢以下贡献者们！
&lt;/h2&gt;&lt;a href=&#34;https://github.com/HuLaSpark/HuLa/graphs/contributors&#34;&gt;
  &lt;img src=&#34;https://contrib.rocks/image?repo=HuLaSpark/HuLa&#34; /&gt;
&lt;/a&gt;
&lt;h2 id=&#34;-安装与运行&#34;&gt;📥 安装与运行
&lt;/h2&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;12
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;13
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;14
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;15
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;16
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c1&#34;&gt;# 克隆项目&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;git clone https://gitee.com/HuLaSpark/HuLa.git
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;或者
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;git clone https://github.com/HuLaSpark/HuLa.git
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c1&#34;&gt;# 进入项目目录&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nb&#34;&gt;cd&lt;/span&gt; HuLa
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c1&#34;&gt;# 安装依赖&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;pnpm install
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c1&#34;&gt;# 运行开发服务器&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;pnpm run tauri:dev
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c1&#34;&gt;# 构建生产版本&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;pnpm run tauri:build
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2 id=&#34;-注意事项macos用户&#34;&gt;⚠️ 注意事项(macOS用户)
&lt;/h2&gt;&lt;p&gt;网页上下载安装包会提示安装包已损坏，可能会遇到证书问题，这是因为 macOS 系统的安全机制导致的。请按照以下步骤解决：&lt;/p&gt;
&lt;h4 id=&#34;1-打开-系统设置---安全性与隐私如图勾选允许-任何来源-下载的-app-运行&#34;&gt;1. 打开 &amp;ldquo;系统设置&amp;rdquo; - &amp;ldquo;安全性与隐私&amp;rdquo;，如图勾选：允许 &amp;ldquo;任何来源&amp;rdquo; 下载的 App 运行：
&lt;/h4&gt;&lt;div align=&#34;center&#34;&gt;
  &lt;img src=&#34;preview/img_10.png&#34; alt=&#34;img_10.png&#34; /&gt;
&lt;/div&gt;
&lt;h4 id=&#34;2-如果还报错请在终端执行以下命令解决&#34;&gt;2. 如果还报错，请在终端执行以下命令解决：
&lt;/h4&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c1&#34;&gt;## 安装前执行&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;sudo xattr -rd com.apple.quarantine 你的安装包路径/下载的安装包名称
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c1&#34;&gt;## 如果已经安装，则执行下面&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;sudo xattr -r -d com.apple.quarantine /Applications/应用名称.app
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2 id=&#34;-提交规范&#34;&gt;📋 提交规范
&lt;/h2&gt;&lt;p&gt;执行 &lt;strong&gt;pnpm run commit&lt;/strong&gt; 唤起 &lt;em&gt;git commit&lt;/em&gt; 交互，根据提示完成信息的输入和选择&lt;/p&gt;
&lt;h2 id=&#34;-免责声明&#34;&gt;⚖️ 免责声明
&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;本项目是作为一款开源项目提供的，开发者在法律允许的范围内不对软件的功能性、安全性或适用性提供任何形式的明示或暗示的保证&lt;/li&gt;
&lt;li&gt;用户明确理解并同意，使用本软件的风险完全由用户自己承担，软件以&amp;quot;现状&amp;quot;和&amp;quot;现有&amp;quot;基础提供。开发者不提供任何形式的担保，无论是明示还是暗示的，包括但不限于适销性、特定用途的适用性和非侵权的担保&lt;/li&gt;
&lt;li&gt;在任何情况下，开发者或其供应商都不对任何直接的、间接的、偶然的、特殊的、惩罚性的或后果性的损害承担责任，包括但不限于使用本软件产生的利润损失、业务中断、个人信息泄露或其他商业损害或损失&lt;/li&gt;
&lt;li&gt;所有在本项目上进行二次开发的用户，都需承诺将本软件用于合法目的，并自行负责遵守当地的法律和法规&lt;/li&gt;
&lt;li&gt;开发者有权在任何时间修改软件的功能或特性，以及本免责声明的任何部分，并且这些修改可能会以软件更新的形式体现&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;strong&gt;本免责声明的最终解释权归开发者所有&lt;/strong&gt;&lt;/p&gt;
&lt;h2 id=&#34;-支持项目&#34;&gt;🎁 支持项目
&lt;/h2&gt;&lt;h3&gt;💝 赞助支持&lt;/h3&gt;
&lt;p&gt;&lt;em&gt;如果您觉得 HuLa 对您有帮助，欢迎赞助支持，您的支持是我们不断前进的动力！&lt;/em&gt;&lt;/p&gt;
&lt;div&gt;
 &lt;img src=&#34;preview/zs.jpg&#34; height=&#34;240&#34; alt=&#34;WeChat Code&#34;&gt;
  &lt;img src=&#34;preview/zfb.png&#34; height=&#34;240&#34; alt=&#34;Alipay Code&#34;&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;hr&gt;
&lt;h2 id=&#34;-加入社区&#34;&gt;💬 加入社区
&lt;/h2&gt;&lt;div align=&#34;center&#34;&gt;
  &lt;h3&gt;🤝 HuLa 社区讨论群&lt;/h3&gt;
  &lt;p&gt;&lt;em&gt;与开发者和用户一起交流讨论，获取最新资讯和技术支持&lt;/em&gt;&lt;/p&gt;
  &lt;div style=&#34;display: flex; justify-content: center; gap: 20px;&#34;&gt;
    &lt;img src=&#34;preview/wx.png&#34; width=&#34;260&#34; height=&#34;340&#34; alt=&#34;微信群二维码&#34;&gt;
    &lt;img src=&#34;preview/qq.jpg&#34; width=&#34;260&#34; height=&#34;340&#34; alt=&#34;QQ群二维码&#34;&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;-感谢赞助者&#34;&gt;🙏 感谢赞助者
&lt;/h2&gt;&lt;div align=&#34;center&#34;&gt;
  &lt;h3&gt;贡献者荣誉榜&lt;/h3&gt;
  &lt;p&gt;&lt;em&gt;感谢以下朋友对 HuLa 项目的慷慨支持！&lt;/em&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;h3 id=&#34;-钻石赞助者-1000&#34;&gt;💎 钻石赞助者 (￥1000+)
&lt;/h3&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;💝 日期&lt;/th&gt;
          &lt;th&gt;👤 赞助者&lt;/th&gt;
          &lt;th&gt;💰 金额&lt;/th&gt;
          &lt;th&gt;🏷️ 平台&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-09-12&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;翟可&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥1688&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信转账&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h3 id=&#34;-金牌赞助者-100&#34;&gt;🏆 金牌赞助者 (￥100+)
&lt;/h3&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;💝 日期&lt;/th&gt;
          &lt;th&gt;👤 赞助者&lt;/th&gt;
          &lt;th&gt;💰 金额&lt;/th&gt;
          &lt;th&gt;🏷️ 平台&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-09-03&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;烛火&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥500&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信转账&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-09-05&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;Orion&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥200&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-08-26&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;唐勇&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥200&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-04-25&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;上官俊斌&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥200&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-05-27&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;临安居士&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥188&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-04-20&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;姜兴(Simon)&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥188&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-02-17&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;禾硕&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥168&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e6%94%af%e4%bb%98%e5%ae%9d%e8%b5%9e%e8%b5%8f-1677FF?style=flat&amp;amp;logo=alipay&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;支付宝赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-10-15&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;兵&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥100&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-08-13&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;zhongjing&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥100&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-07-15&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;粉兔&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥100&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-02-8&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;Boom&amp;hellip;.&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥100&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h3 id=&#34;-银牌赞助者-50-99&#34;&gt;🥈 银牌赞助者 (￥50-99)
&lt;/h3&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;💝 日期&lt;/th&gt;
          &lt;th&gt;👤 赞助者&lt;/th&gt;
          &lt;th&gt;💰 金额&lt;/th&gt;
          &lt;th&gt;🏷️ 平台&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-06-26&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;m udDy🐖&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥88&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-05-09&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;犹豫，就会败北。&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥88&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-04-01&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;墨&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥88.88&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-02-8&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;邓伟&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥88&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-02-7&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;dennis&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥80&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/Gitee%e8%b5%9e%e8%b5%8f-C71D23?style=flat&amp;amp;logo=gitee&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Gitee赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-02-6&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;小二&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥62&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-05-15&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;孤鸿影&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥56&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;h3 id=&#34;-铜牌赞助者-20-49&#34;&gt;🥉 铜牌赞助者 (￥20-49)
&lt;/h3&gt;&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;💝 日期&lt;/th&gt;
          &lt;th&gt;👤 赞助者&lt;/th&gt;
          &lt;th&gt;💰 金额&lt;/th&gt;
          &lt;th&gt;🏷️ 平台&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-08-12&lt;/td&gt;
          &lt;td&gt;*&lt;strong&gt;持&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥20&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e6%94%af%e4%bb%98%e5%ae%9d%e8%b5%9e%e8%b5%8f-1677FF?style=flat&amp;amp;logo=alipay&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;支付宝赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-06-03&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;洪流&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥20&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-05-27&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;刘启成&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥20&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2025-05-20&lt;/td&gt;
          &lt;td&gt;&lt;strong&gt;匿名赞助者&lt;/strong&gt;&lt;/td&gt;
          &lt;td&gt;&lt;code&gt;¥20&lt;/code&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src=&#34;https://img.shields.io/badge/%e5%be%ae%e4%bf%a1%e8%b5%9e%e8%b5%8f-07C160?style=flat&amp;amp;logo=wechat&amp;amp;logoColor=white&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;微信赞赏&#34;
	
	
&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;div align=&#34;center&#34;&gt;
  &lt;br&gt;
&lt;blockquote&gt;
&lt;p&gt;📝 &lt;strong&gt;温馨提示&lt;/strong&gt;
该名单为手动更新，如果您已赞助但未在列表中，请联系我们：
🐛 &lt;a class=&#34;link&#34; href=&#34;https://github.com/HuLaSpark/HuLa/issues&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;GitHub Issue&lt;/a&gt; | 📧 邮箱: &lt;code&gt;2439646234@qq.com&lt;/code&gt; | 💬 微信: &lt;code&gt;cy2439646234&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&gt;
  &lt;br&gt;
&lt;/div&gt;
&lt;hr&gt;
&lt;h2 id=&#34;-开源许可&#34;&gt;📄 开源许可
&lt;/h2&gt;&lt;div align=&#34;center&#34;&gt;
  &lt;h3&gt;⚖️ 许可证信息&lt;/h3&gt;
  &lt;p&gt;
    &lt;a href=&#34;https://app.fossa.com/projects/git%2Bgithub.com%2FHuLaSpark%2FHuLa?ref=badge_large&#34;&gt;
      &lt;img src=&#34;https://app.fossa.com/api/projects/git%2Bgithub.com%2FHuLaSpark%2FHuLa.svg?type=large&#34; alt=&#34;FOSSA Status&#34; style=&#34;max-width: 100%; border-radius: 8px;&#34;&gt;
    &lt;/a&gt;
  &lt;/p&gt;
  &lt;p&gt;&lt;em&gt;本项目遵循开源许可协议，详细信息请查看上方许可证报告&lt;/em&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;hr&gt;
&lt;div align=&#34;center&#34;&gt;
  &lt;h3&gt;🌟 感谢您的关注&lt;/h3&gt;
  &lt;p&gt;
    &lt;em&gt;如果您觉得 HuLa 有价值，请给我们一个 ⭐ Star，这是对我们最大的鼓励！&lt;/em&gt;
  &lt;/p&gt;
  &lt;p&gt;
    &lt;strong&gt;让我们一起构建更好的即时通讯体验 🚀&lt;/strong&gt;
  &lt;/p&gt;
&lt;/div&gt;
</description>
        </item>
        <item>
        <title>mind-map</title>
        <link>https://producthunt.programnotes.cn/en/p/mind-map/</link>
        <pubDate>Sun, 20 Apr 2025 15:27:55 +0800</pubDate>
        
        <guid>https://producthunt.programnotes.cn/en/p/mind-map/</guid>
        <description>&lt;img src="https://images.unsplash.com/photo-1718154710424-d44de466c549?ixid=M3w0NjAwMjJ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NDUxMzM5NDV8&amp;ixlib=rb-4.0.3" alt="Featured image of post mind-map" /&gt;&lt;h1 id=&#34;wanglin2mind-map&#34;&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/wanglin2/mind-map&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;wanglin2/mind-map&lt;/a&gt;
&lt;/h1&gt;&lt;h1 align=&#34;center&#34;&gt;Simple mind map&lt;/h1&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://www.npmjs.com/package/simple-mind-map&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://img.shields.io/npm/v/simple-mind-map&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;npm-version&#34;
	
	
&gt;&lt;/a&gt;
&lt;img src=&#34;https://img.shields.io/npm/dm/simple-mind-map&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;npm download&#34;
	
	
&gt;
&lt;a class=&#34;link&#34; href=&#34;https://github.com/wanglin2/mind-map/issues&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://img.shields.io/github/issues/wanglin2/mind-map&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;GitHub issues&#34;
	
	
&gt;&lt;/a&gt;
&lt;img src=&#34;https://img.shields.io/npm/l/express.svg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;license&#34;
	
	
&gt;
&lt;a class=&#34;link&#34; href=&#34;https://github.com/wanglin2/mind-map/stargazers&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://img.shields.io/github/stars/wanglin2/mind-map&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;GitHub stars&#34;
	
	
&gt;&lt;/a&gt;
&lt;a class=&#34;link&#34; href=&#34;https://github.com/wanglin2/mind-map/network/members&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://img.shields.io/github/forks/wanglin2/mind-map&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;GitHub forks&#34;
	
	
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;中文名：思绪思维导图。一个简单&amp;amp;强大的 Web 思维导图库和思维导图软件。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;本项目主要包含以下内容：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;一个 &lt;code&gt;js&lt;/code&gt; 思维导图库，不依赖任何框架，可以用来快速完成 Web 思维导图产品的开发。&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;p&gt;开发文档：&lt;a class=&#34;link&#34; href=&#34;https://wanglin2.github.io/mind-map-docs/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://wanglin2.github.io/mind-map-docs/&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;ul&gt;
&lt;li&gt;一个 Web 思维导图，基于思维导图库、&lt;code&gt;Vue2.x&lt;/code&gt;、&lt;code&gt;ElementUI&lt;/code&gt; 开发，支持操作电脑本地文件，可以当做一个在线版思维导图应用使用，也可以自部署和二次开发。&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;p&gt;在线地址：&lt;a class=&#34;link&#34; href=&#34;https://wanglin2.github.io/mind-map/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://wanglin2.github.io/mind-map/&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;ul&gt;
&lt;li&gt;客户端和插件&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;p&gt;1.独立客户端，支持Windows、Mac及Linux系统。&lt;/p&gt;
&lt;p&gt;下载地址：&lt;a class=&#34;link&#34; href=&#34;https://github.com/wanglin2/mind-map/releases&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Github&lt;/a&gt;、&lt;a class=&#34;link&#34; href=&#34;https://pan.baidu.com/s/1huasEbKsGNH2Af68dvWiOg?pwd=3bp3&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;百度云盘&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;2.&lt;code&gt;uTools&lt;/code&gt;插件，现已上架&lt;a class=&#34;link&#34; href=&#34;https://www.u.tools/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;uTools&lt;/a&gt;插件应用市场。&lt;/p&gt;
&lt;p&gt;可直接在&lt;code&gt;uTools&lt;/code&gt;插件应用市场中搜索&lt;code&gt;思绪&lt;/code&gt;进行安装，也可以直接访问该地址：&lt;a class=&#34;link&#34; href=&#34;https://www.u-tools.cn/plugins/detail/%E6%80%9D%E7%BB%AA%E6%80%9D%E7%BB%B4%E5%AF%BC%E5%9B%BE/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;主页&lt;/a&gt;，点击右侧的【启动】按钮进行安装。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;ul&gt;
&lt;li&gt;云存储版本，如果你需要带后端的云存储版本，可以尝试我们开发的另一个项目&lt;a class=&#34;link&#34; href=&#34;https://github.com/wanglin2/lx-doc&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;理想文档&lt;/a&gt;。&lt;/li&gt;
&lt;/ul&gt;
&lt;h1 id=&#34;特性&#34;&gt;特性
&lt;/h1&gt;&lt;ul&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; 插件化架构，除核心功能外，其他功能作为插件提供，按需使用，减小打包体积&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; 支持逻辑结构图（向左、向右逻辑结构图）、思维导图、组织结构图、目录组织图、时间轴（横向、竖向）、鱼骨图等结构&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; 内置多种主题，允许高度自定义样式，支持注册新主题&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; 节点内容支持文本（普通文本、富文本）、图片、图标、超链接、备注、标签、概要、数学公式&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; 节点支持拖拽（拖拽移动、自由调整）、多种节点形状；支持扩展节点内容、支持使用 DDM 完全自定义节点内容&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; 支持画布拖动、缩放&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; 支持鼠标按键拖动选择和 Ctrl+左键两种多选节点方式&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; 支持导出为&lt;code&gt;json&lt;/code&gt;、&lt;code&gt;png&lt;/code&gt;、&lt;code&gt;svg&lt;/code&gt;、&lt;code&gt;pdf&lt;/code&gt;、&lt;code&gt;markdown&lt;/code&gt;、&lt;code&gt;xmind&lt;/code&gt;、&lt;code&gt;txt&lt;/code&gt;，支持从&lt;code&gt;json&lt;/code&gt;、&lt;code&gt;xmind&lt;/code&gt;、&lt;code&gt;markdown&lt;/code&gt;导入&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; 支持快捷键、前进后退、关联线、搜索替换、小地图、水印、滚动条、手绘风格、彩虹线条、标记、外框&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; 提供丰富的配置，满足各种场景各种使用习惯&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; 支持协同编辑&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; 支持演示模式&lt;/li&gt;
&lt;li&gt;&lt;input checked=&#34;&#34; disabled=&#34;&#34; type=&#34;checkbox&#34;&gt; 更多功能等你来发现&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;官方提供了如下插件，可根据需求按需引入（某个功能不生效大概率是因为你没有引入对应的插件），具体使用方式请查看文档：&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;RichText（节点富文本插件）&lt;/th&gt;
          &lt;th&gt;Select（鼠标多选节点插件）&lt;/th&gt;
          &lt;th&gt;Drag（节点拖拽插件）&lt;/th&gt;
          &lt;th&gt;AssociativeLine（关联线插件）&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;Export（导出插件）&lt;/td&gt;
          &lt;td&gt;KeyboardNavigation（键盘导航插件）&lt;/td&gt;
          &lt;td&gt;MiniMap（小地图插件）&lt;/td&gt;
          &lt;td&gt;Watermark（水印插件）&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;TouchEvent（移动端触摸事件支持插件）&lt;/td&gt;
          &lt;td&gt;NodeImgAdjust（拖拽调整节点图片大小插件）&lt;/td&gt;
          &lt;td&gt;Search（搜索插件）&lt;/td&gt;
          &lt;td&gt;Painter（节点格式刷插件）&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Scrollbar（滚动条插件）&lt;/td&gt;
          &lt;td&gt;Formula（数学公式插件）&lt;/td&gt;
          &lt;td&gt;Cooperate（协同编辑插件）&lt;/td&gt;
          &lt;td&gt;RainbowLines（彩虹线条插件）&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Demonstrate（演示模式插件）&lt;/td&gt;
          &lt;td&gt;OuterFrame（外框插件）&lt;/td&gt;
          &lt;td&gt;MindMapLayoutPro（思维导图布局插件）&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;HandDrawnLikeStyle（手绘风格插件）&lt;/td&gt;
          &lt;td&gt;Notation（节点标记插件）&lt;/td&gt;
          &lt;td&gt;Numbers（节点编号插件）[收费]&lt;/td&gt;
          &lt;td&gt;Freemind（Freemind格式导入导出插件）&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Excel（Excel格式导入导出插件）&lt;/td&gt;
          &lt;td&gt;Checkbox（待办插件）&lt;/td&gt;
          &lt;td&gt;Lineflow（节点连线流动插件）&lt;/td&gt;
          &lt;td&gt;Momentum（动量效果插件）&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;RightFishbone（向右鱼骨图插件）&lt;/td&gt;
          &lt;td&gt;NodeLink（节点链接插件）&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;本项目不会实现的特性：&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;1.自由节点，即多个根节点；&lt;/p&gt;
&lt;p&gt;2.概要节点后面继续添加节点；&lt;/p&gt;
&lt;p&gt;如果你需要以上特性，那么本库可能无法满足你的需求。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h1 id=&#34;安装&#34;&gt;安装
&lt;/h1&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npm i simple-mind-map
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h1 id=&#34;使用&#34;&gt;使用
&lt;/h1&gt;&lt;p&gt;提供一个宽高不为 0 的容器元素：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;div&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;id&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;mindMapContainer&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;div&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;另外再设置一下&lt;code&gt;css&lt;/code&gt;样式：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;#&lt;/span&gt;&lt;span class=&#34;nn&#34;&gt;mindMapContainer&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;*&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;k&#34;&gt;margin&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;0&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;k&#34;&gt;padding&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;0&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;然后创建一个实例：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-js&#34; data-lang=&#34;js&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;kr&#34;&gt;import&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;MindMap&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;from&lt;/span&gt; &lt;span class=&#34;s2&#34;&gt;&amp;#34;simple-mind-map&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;kr&#34;&gt;const&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;mindMap&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;k&#34;&gt;new&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;MindMap&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;({&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;nx&#34;&gt;el&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nb&#34;&gt;document&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;getElementById&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;mindMapContainer&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;),&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;nx&#34;&gt;data&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nx&#34;&gt;data&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;nx&#34;&gt;text&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;s2&#34;&gt;&amp;#34;根节点&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;p&#34;&gt;},&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nx&#34;&gt;children&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;[],&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;  &lt;span class=&#34;p&#34;&gt;},&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;});&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;即可得到一个思维导图。想要实现更多功能？可以查看&lt;a class=&#34;link&#34; href=&#34;https://wanglin2.github.io/mind-map-docs/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;开发文档&lt;/a&gt;。&lt;/p&gt;
&lt;h1 id=&#34;license&#34;&gt;License
&lt;/h1&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;./LICENSE&#34; &gt;MIT&lt;/a&gt;。保留&lt;code&gt;mind-map&lt;/code&gt;版权声明和注明来源的情况下可随意商用，如有疑问或不想保留可联系作者通过付费的方式去除。&lt;/p&gt;
&lt;h1 id=&#34;微信交流群&#34;&gt;微信交流群
&lt;/h1&gt;&lt;p&gt;微信添加&lt;code&gt;wanglinguanfang&lt;/code&gt;拉你入群。根据过往的经验，大部分问题都可以通过查看issue列表或文档解决，所以提问前请确保你已经阅读完了所有文档，文档里没有的可在群里提问，不必私聊作者，如果你一定要私聊，请先发红包（￥9.9+每次）。&lt;/p&gt;
&lt;p&gt;如果你在杭州，也欢迎来找我面基。&lt;/p&gt;
&lt;h1 id=&#34;star&#34;&gt;star
&lt;/h1&gt;&lt;p&gt;如果喜欢本项目，欢迎点个 star，这对我们很重要。&lt;/p&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://star-history.com/#wanglin2/mind-map&amp;amp;Date&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;&lt;img src=&#34;https://api.star-history.com/svg?repos=wanglin2/mind-map&amp;amp;type=Date&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Star History Chart&#34;
	
	
&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h1 id=&#34;关于定制&#34;&gt;关于定制
&lt;/h1&gt;&lt;p&gt;如果你有个性化的商用定制需求，可以联系我们，我们提供付费开发服务，无论前端、后端、还是部署，都可以帮你一站式搞定。&lt;/p&gt;
&lt;h1 id=&#34;谁在使用&#34;&gt;谁在使用
&lt;/h1&gt;&lt;table&gt;
    &lt;tr&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;http://drawon.cn/&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/桌案.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;drawon.cn(桌案)&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
&lt;h1 id=&#34;请作者喝杯咖啡&#34;&gt;请作者喝杯咖啡
&lt;/h1&gt;&lt;p&gt;开源不易，如果本项目有帮助到你的话，可以考虑请作者喝杯咖啡~你的赞助对项目的可持续发展非常重要，是作者持续维护的最大动力。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;推荐使用支付宝，微信获取不到头像。转账请备注【思维导图】。&lt;/p&gt;
&lt;p&gt;也可以通过购买付费插件来支持我们：&lt;a class=&#34;link&#34; href=&#34;https://wanglin2.github.io/mind-map-docs/plugins/about.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;付费插件&lt;/a&gt;。&lt;/p&gt;
&lt;p&gt;赞助等级：最强王者（￥500+）、星耀赞助（￥300+）、钻石赞助（￥150+）、黄金赞助（￥50+）、青铜赞助&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;
  &lt;img src=&#34;./web/src/assets/img/alipay.jpg&#34; style=&#34;width: 300px&#34; /&gt;
  &lt;img src=&#34;./web/src/assets/img/wechat.jpg&#34; style=&#34;width: 300px&#34; /&gt;
&lt;/p&gt;
&lt;h2 id=&#34;最强王者&#34;&gt;最强王者
&lt;/h2&gt;&lt;table&gt;
    &lt;tr&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/hi.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;hi&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
&lt;h2 id=&#34;钻石赞助&#34;&gt;钻石赞助
&lt;/h2&gt;&lt;table&gt;
    &lt;tr&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/黄智彪@一米一栗科技.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;黄智彪@一米一栗科技&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/沨沄.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;沨沄&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
&lt;h2 id=&#34;黄金赞助&#34;&gt;黄金赞助
&lt;/h2&gt;&lt;table&gt;
    &lt;tr&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/小土渣的宇宙.jpeg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;小土渣的宇宙&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/Chris.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;Chris&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/仓鼠.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;仓鼠&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/风格.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;风格&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/default.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;LiuJL&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/Kyle.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;Kyle&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/秀树因馨雨.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;秀树因馨雨&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/default.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;黄泳&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/ccccs.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;ccccs&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/炫.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;炫&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/default.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;晏江&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/梁辉.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;梁辉&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/千帆.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;千帆&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/布林.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;布林&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/达仁科技.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;达仁科技&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/沐风牧草.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;沐风牧草&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/俊奇.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;俊奇&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/庆国.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;庆国&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/default.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;Matt&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/雨馨.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;雨馨&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/峰.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;峰&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/御风.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;御风&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/兔子快跑.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;兔子快跑&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
&lt;h2 id=&#34;青铜赞助&#34;&gt;青铜赞助
&lt;/h2&gt;&lt;table&gt;
    &lt;tr&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/Think.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;Think&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/志斌.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;志斌&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/qp.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;qp&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/ZXR.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;ZXR&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/花儿朵朵.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;花儿朵朵&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/suka.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;suka&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/水车.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;水车&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/才镇.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;才镇&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/小米.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;小米bbᯤ²ᴳ&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/棐.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;*棐&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/南风.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;南风&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/蜉蝣撼大叔.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;蜉蝣撼大叔&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/乙.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;乙&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/敏.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;敏&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/有希.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;有希&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/樊笼.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;樊笼&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/小逗比.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;小逗比&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/天清如愿.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;天清如愿&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/敬明朗.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;敬明朗&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/default.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;飞箭&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/戚永峰.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;戚永峰&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/moom.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;moom&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/张扬.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;张扬&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/长沙利奥软件.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;长沙利奥软件&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/HaHN.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;HaHN&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/继龙.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;继龙&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/欣.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;欣&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/default.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;易空小易&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/国发.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;国发&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/default.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;建明&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/汪津合.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;汪津合&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/default.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;博文&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/慕智打印-兰兰.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;慕智打印-兰兰&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/default.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;锦冰&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/旭东.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;旭东&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/橘半.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;橘半&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/pluvet.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;pluvet&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/皇登攀.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;皇登攀&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/default.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;SR&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/逆水行舟.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;逆水行舟&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/L.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;L&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/default.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;sunniberg&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/在下青铜五.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;sunniberg&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/在下青铜五.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;在下青铜五&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/木星二号.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;木星二号&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/阿晨.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;阿晨&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/default.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;铁&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/Alex.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;Alex&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/子豪.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;子豪&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/宏涛.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;宏涛&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/最多5个字.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;最多5个字&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/ZX.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;ZX&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/default.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;协成&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/木木.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;木木&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/好名字.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;好名字&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/lsytyrt.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;lsytyrt&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/buddy.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;buddy&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/default.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;小川&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/Tobin.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;Tobin&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/夏虫不语冰.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;夏虫不语冰&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/晴空.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;晴空&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/。.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;。&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/Jeffrey.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;Jeffrey&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/张文建.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;张文建&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/Lawliet.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;Lawliet&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/一叶孤舟.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;一叶孤舟&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/default.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;Eric&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/Joe.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;Joe&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/default.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;中文网字计划-江夏尧&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/海云.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;海云&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/皮老板.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;皮老板&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/h.r.w.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;h.r.w&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/时光匆匆.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;时光匆匆&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/广兴.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;广兴&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/一亩三.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;一亩三&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/xbkkjbs0246658.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;xbkkjbs0246658&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/4399行星元帅.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;4399行星元帅&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/Xavier.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;Xavier&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/冒号括号.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;:)&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/可米阳光.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;可米阳光&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/MrFujing.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;MrFujing&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/Sword.png&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;Sword&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/好好先生Ervin.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;好好先生Ervin&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/胡永刚.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;胡永刚&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/旋风.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;旋风&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/星夜寒.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;星夜寒&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
        &lt;td align=&#34;center&#34; style=&#34;word-wrap: break-word; width: 75.0; height: 75.0&#34;&gt;
            &lt;a href=&#34;#&#34;&gt;
                &lt;img src=&#34;./web/src/assets/avatar/神话.jpg&#34; width=&#34;50;&#34;  style=&#34;border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px&#34;/&gt;
                &lt;br /&gt;
                &lt;sub style=&#34;font-size:14px&#34;&gt;&lt;b&gt;神话&lt;/b&gt;&lt;/sub&gt;
            &lt;/a&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;</description>
        </item>
        
    </channel>
</rss>
