add public option

src/views/IndexView.vue

@@ -33,6 +33,11 @@ const functions = [
     desc: '从动态评论区抽取评论或者转发的用户',
     icon: Lottery24Filled,
   },
+  {
+    name: '视频征集',
+    desc: '创建用来收集视频链接的页面, 可以从动态爬取, 也可以提前对视频进行筛选 (开发中)',
+    icon: Lottery24Filled,
+  },
   {
     name: '数据跟踪',
     desc: '绑定账号后查看粉丝 舰长 观看数 等数据的历史记录',
@@ -65,17 +70,18 @@ const iconColor = 'white'
           >
             VTSURU.LIVE
           </NGradientText>
-          <NText style="font-size: 1.5em; font-weight: 500"> 一个给主播提供便利功能的网站 😊 </NText>
+          <NText style="font-size: 1.5em; font-weight: 500; color: white"> 一个给主播提供便利功能的网站 😊 </NText>
           <span></span>
           <NSpace justify="center">
             <NButton type="primary" size="large" @click="$router.push({ name: 'manage-index' })"> 开始使用 </NButton>
-            <NButton type="info"  size="large" @click="$router.push({ name: 'about' })"> 关于 </NButton>
+            <NButton size="large" @click="$router.push('/user/Megghy')"> 展示 </NButton>
+            <NButton type="info" size="large" @click="$router.push({ name: 'about' })"> 关于 </NButton>
           </NSpace>
         </NSpace>
       </NSpace>
 
       <NDivider style="width: 90vw" />
-      <NGrid cols="2 600:3 800:4" x-gap="50" y-gap="50" style="max-width: 80vw">
+      <NGrid cols="1 s:2 m:3 l:4 xl:5 2xl:5" x-gap="50" y-gap="50" style="max-width: 80vw" responsive="screen">
         <NGridItem v-for="item in functions" :key="item.name">
           <NSpace align="end">
             <NIcon :component="item.icon" :color="iconColor" size="20" />
@@ -88,11 +94,7 @@ const iconColor = 'white'
     <NSpace style="position: absolute; bottom: 0; margin: 0 auto; width: 100vw" justify="center">
       <span style="color: white">
         BY
-        <NButton tag="a" href="https://space.bilibili.com/10021741" target="_blank" text style="color: rgb(161, 236, 199)"> Megghy </NButton>
-      </span>
-      <NDivider vertical />
-      <span>
-        <NButton @click="$router.push('/about')" text> 关于 </NButton>
+        <NButton tag="a" href="https://space.bilibili.com/10021741" target="_blank" text style="color: rgb(215, 245, 230)"> Megghy </NButton>
       </span>
     </NSpace>
   </div>
@@ -107,13 +109,14 @@ body
     background: #8360c3;  /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #2ebf91, #8360c3);  /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #2ebf91, #8360c3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+    overflow: auto
 
 .index-background .header
   font-size: 1.3rem;
   font-weight: 700;
-  font-color: #b1b1b1;
+  color: white;
 .index-background .content
   max-width: 300px;
   font-size: 17px;
-  font-color: #b1b1b1;
+  color: white;
 </style>