update alert

src/views/ManageLayout.vue

@@ -454,7 +454,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <NLayout v-if="accountInfo">
+  <NLayout v-if="accountInfo" style="height: 100vh">
     <NLayoutHeader bordered style="height: 50px; padding: 10px 15px 5px 15px">
       <NPageHeader>
         <template #title>
@@ -487,7 +487,7 @@ onMounted(() => {
         </template>
       </NPageHeader>
     </NLayoutHeader>
-    <NLayout has-sider>
+    <NLayout has-sider style="height: calc(100vh - 50px)">
       <NLayoutSider
         ref="sider"
         bordered
@@ -497,6 +497,7 @@ onMounted(() => {
         :collapsed-width="64"
         :width="180"
         :native-scrollbar="false"
+        :scrollbar-props="{ trigger: 'none', style: {} }"
       >
         <NSpace vertical style="margin-top: 16px" align="center">
           <NSpace justify="center">

src/views/manage/DashboardView.vue

@@ -265,15 +265,18 @@ onUnmounted(() => {
 
 <template>
   <NSpace justify="center" align="center" vertical style="width: 100%">
-    <NAlert type="info">
+    <NAlert type="warning" title="2024.2.26">
-      当前本站正在测试为粉丝数大于 1000 或至少拥有一位舰长的主播直接从服务端记录并储存弹幕数据,
+      近期逸站对开放平台直播弹幕流进行了极为严格的限制, 目前本站服务器只能连接个位数的直播间, 这使得在不使用
-      不过并不清楚B站的风控策略, 此功能不一定会长期启用
-      <br />
-      在我们被限制连接之前满足以上条件的主播无需部署
       <NButton tag="a" href="https://www.yuque.com/megghy/dez70g/vfvcyv3024xvaa1p" target="_blank" type="primary" text>
         VtsuruEventFetcher
       </NButton>
-      即可使用相关功能 (如记录上舰和SC, 直播场记录等) 😊
+      的情况下获取弹幕数据几乎不可能实现.
+      <br />
+      在这种情况下建议有相关功能需求的用户 (如直播记录, 积分等) 部署
+      <NButton tag="a" href="https://www.yuque.com/megghy/dez70g/vfvcyv3024xvaa1p" target="_blank" type="primary" text>
+        VtsuruEventFetcher
+      </NButton>
+      以获得完整的功能体验
     </NAlert>
     <NCard embedded style="width: 100%">
       <NSpace align="center" justify="center" vertical>

src/views/manage/LiveManager.vue

@@ -4,7 +4,7 @@ import { ResponseLiveInfoModel } from '@/api/api-models'
 import { QueryGetAPI } from '@/api/query'
 import LiveInfoContainer from '@/components/LiveInfoContainer.vue'
 import { LIVE_API_URL } from '@/data/constants'
-import { NAlert, NDivider, NList, NListItem, NPagination, NSpace, useMessage } from 'naive-ui'
+import { NAlert, NButton, NDivider, NList, NListItem, NPagination, NSpace, useMessage } from 'naive-ui'
 import { ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 
@@ -44,16 +44,40 @@ function OnClickCover(live: ResponseLiveInfoModel) {
 <template>
   <NSpace vertical>
     <NAlert type="warning"> 测试功能, 尚不稳定 </NAlert>
+    <NAlert type="error" title="2024.2.26">
+      近期逸站对开放平台直播弹幕流进行了极为严格的限制, 目前本站服务器只能连接个位数的直播间, 这使得在不使用
+      <NButton tag="a" href="https://www.yuque.com/megghy/dez70g/vfvcyv3024xvaa1p" target="_blank" type="primary" text>
+        VtsuruEventFetcher
+      </NButton>
+      的情况下获取弹幕数据几乎不可能实现.
+      <br />
+      在这种情况下如果你还需要记录直播弹幕请跟随上面链接里的教程部署
+      <NButton tag="a" href="https://www.yuque.com/megghy/dez70g/vfvcyv3024xvaa1p" target="_blank" type="primary" text>
+        VtsuruEventFetcher
+      </NButton>
+      , 否则只能记录直播的时间而不包含弹幕
+    </NAlert>
   </NSpace>
   <NDivider />
   <NAlert v-if="accountInfo?.isBiliVerified != true" type="info"> 尚未进行Bilibili认证 </NAlert>
   <template v-else>
     <NSpace vertical justify="center" align="center">
-      <NPagination v-model:page="page" v-model:page-size="pageSize" show-quick-jumper show-size-picker :page-sizes="[10, 20, 30, 40]" :item-count="lives.length" />
+      <NPagination
+        v-model:page="page"
+        v-model:page-size="pageSize"
+        show-quick-jumper
+        show-size-picker
+        :page-sizes="[10, 20, 30, 40]"
+        :item-count="lives.length"
+      />
     </NSpace>
     <NDivider />
     <NList bordered hoverable clickable>
-      <NListItem @click="OnClickCover(live)" v-for="live in lives.slice((page - 1) * pageSize, page * pageSize)" v-bind:key="live.liveId">
+      <NListItem
+        @click="OnClickCover(live)"
+        v-for="live in lives.slice((page - 1) * pageSize, page * pageSize)"
+        v-bind:key="live.liveId"
+      >
         <LiveInfoContainer :live="live" :key="live.liveId" />
       </NListItem>
     </NList>