feat: rss细化

frontend_nuxt/components/HeaderComponent.vue

@@ -35,6 +35,12 @@
             <i v-if="isCopying" class="fas fa-spinner fa-spin"></i>
           </div>
 
+          <ToolTip content="复制RSS链接" placement="bottom">
+            <div class="rss-icon" @click="copyRssLink">
+              <i class="fas fa-rss"></i>
+            </div>
+          </ToolTip>
+
           <ToolTip v-if="!isMobile && isLogin" content="发帖" placement="bottom">
             <div class="new-post-icon" @click="goToNewPost">
               <i class="fas fa-edit"></i>
@@ -141,6 +147,12 @@ const copyInviteLink = async () => {
   }
 }
 
+const copyRssLink = async () => {
+  const rssLink = `${API_BASE_URL}/api/rss`
+  await navigator.clipboard.writeText(rssLink)
+  toast.success('RSS链接已复制')
+}
+
 const goToProfile = async () => {
   if (!authState.loggedIn) {
     navigateTo('/login', { replace: true })
@@ -366,11 +378,16 @@ onMounted(async () => {
   text-decoration: underline;
 }
 
+.rss-icon,
 .new-post-icon {
   font-size: 18px;
   cursor: pointer;
 }
 
+.rss-icon {
+  text-shadow: 0 0 10px var(--primary-color);
+}
+
 @media (max-width: 1200px) {
   .header-content {
     padding-left: 15px;