修改底部导航栏样式

src/App.vue

@@ -15,6 +15,13 @@ dayjs.locale('zh-cn');
 body {
   margin: 0;
 }
+
+#index {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
 .w_1200 {
   width: 1200px;
   margin: 0 auto;

src/views/achieve/detail.vue

@@ -53,9 +53,9 @@
             </a-tabs>
           </el-col>
         </div>
-        <cFoot style="background-color: #2e3546; color: #f0f2f5"></cFoot>
       </el-col>
     </el-row>
+    <cFoot class="foot"></cFoot>
   </div>
 </template>
 
@@ -223,4 +223,8 @@ const searchOther = async () => {
     margin: 0 0 10px 0;
   }
 }
+.foot {
+  background-color: #2e3546;
+  color: #f0f2f5;
+}
 </style>

src/views/achieve/index.vue

@@ -46,9 +46,9 @@
             <a-pagination v-model:page-size="limit" show-size-changer :page-size-options="pageSizeOptions" :total="total" @showSizeChange="onShowSizeChange" />
           </el-col>
         </div>
-        <cFoot style="background-color: #2e3546; color: #f0f2f5"></cFoot>
       </el-col>
     </el-row>
+    <cFoot class="foot"></cFoot>
   </div>
 </template>
 
@@ -314,4 +314,8 @@ const onShowSizeChange = (current: number, pageSize: number) => {
     padding: 0 0 10px 0;
   }
 }
+.foot {
+  background-color: #2e3546;
+  color: #f0f2f5;
+}
 </style>

src/views/activity/index.vue

@@ -29,9 +29,9 @@
             <a-pagination v-model:page-size="limit" show-size-changer :page-size-options="pageSizeOptions" :total="total" @showSizeChange="onShowSizeChange" />
           </el-col>
         </div>
-        <cFoot style="background-color: #2e3546; color: #f0f2f5"></cFoot>
       </el-col>
     </el-row>
+    <cFoot class="foot"></cFoot>
   </div>
 </template>
 
@@ -207,4 +207,8 @@ const handleClick = (tab: TabsPaneContext, event: Event) => {
     padding: 10px 0;
   }
 }
+.foot {
+  background-color: #2e3546;
+  color: #f0f2f5;
+}
 </style>

src/views/activity/new.vue

@@ -29,9 +29,9 @@
             <a-button type="primary"> 我要报名 </a-button>
           </el-col>
         </div>
-        <cFoot style="background-color: #2e3546; color: #f0f2f5"></cFoot>
       </el-col>
     </el-row>
+    <cFoot class="foot"></cFoot>
   </div>
 </template>
 
@@ -148,4 +148,8 @@ const searchOther = async () => {
     margin: 0 0 10px 0;
   }
 }
+.foot {
+  background-color: #2e3546;
+  color: #f0f2f5;
+}
 </style>

src/views/activity/video.vue

@@ -11,9 +11,9 @@
             </el-col>
           </el-col>
         </div>
-        <cFoot style="background-color: #2e3546; color: #f0f2f5"></cFoot>
       </el-col>
     </el-row>
+    <cFoot class="foot"></cFoot>
   </div>
 </template>
 
@@ -59,6 +59,7 @@ const searchOther = async () => {
 </script>
 <style scoped lang="scss">
 .main {
+  height: 757px;
   background: url(/src/assets/videobg.png) right top no-repeat;
   background-size: 100%;
 
@@ -90,4 +91,10 @@ const searchOther = async () => {
     }
   }
 }
+
+.foot {
+  margin-top: auto;
+  background-color: #2e3546;
+  color: #f0f2f5;
+}
 </style>

src/views/demand/detail.vue

@@ -51,9 +51,9 @@
             </a-tabs>
           </el-col>
         </div>
-        <cFoot style="background-color: #2e3546; color: #f0f2f5"></cFoot>
       </el-col>
     </el-row>
+    <cFoot class="foot"></cFoot>
   </div>
 </template>
 
@@ -218,4 +218,9 @@ const searchOther = async () => {
     margin: 0 0 10px 0;
   }
 }
+
+.foot {
+  background-color: #2e3546;
+  color: #f0f2f5;
+}
 </style>

src/views/demand/index.vue

@@ -40,9 +40,9 @@
             <a-pagination v-model:page-size="limit" show-size-changer :page-size-options="pageSizeOptions" :total="total" @showSizeChange="onShowSizeChange" />
           </el-col>
         </div>
-        <cFoot style="background-color: #2e3546; color: #f0f2f5"></cFoot>
       </el-col>
     </el-row>
+    <cFoot class="foot"></cFoot>
   </div>
 </template>
 
@@ -300,4 +300,8 @@ const onShowSizeChange = (current: number, pageSize: number) => {
     padding: 0 0 10px 0;
   }
 }
+.foot {
+  background-color: #2e3546;
+  color: #f0f2f5;
+}
 </style>

src/views/help/index.vue

@@ -46,9 +46,9 @@
             <el-col v-else-if="select === '4'" :span="18" class="right">法律条款</el-col>
           </el-row>
         </div>
-        <cFoot style="background-color: #2e3546; color: #f0f2f5"></cFoot>
       </el-col>
     </el-row>
+    <cFoot class="foot"></cFoot>
   </div>
 </template>
 
@@ -147,4 +147,9 @@ const onOpenChange = (item) => {
     }
   }
 }
+
+.foot {
+  background-color: #2e3546;
+  color: #f0f2f5;
+}
 </style>

src/views/policy/detail.vue

@@ -15,9 +15,9 @@
             {{ info.brief || '暂无' }}
           </el-col>
         </div>
-        <cFoot style="background-color: #2e3546; color: #f0f2f5"></cFoot>
       </el-col>
     </el-row>
+    <cFoot class="foot"></cFoot>
   </div>
 </template>
 
@@ -100,4 +100,9 @@ const searchOther = async () => {
     line-height: 24px;
   }
 }
+
+.foot {
+  background-color: #2e3546;
+  color: #f0f2f5;
+}
 </style>

src/views/policy/index.vue

@@ -40,9 +40,9 @@
               @showSizeChange="onShowSizeChange" />
           </el-col>
         </div>
-        <cFoot style="background-color: #2e3546; color: #f0f2f5"></cFoot>
       </el-col>
     </el-row>
+    <cFoot class="foot"></cFoot>
   </div>
 </template>
 
@@ -243,4 +243,8 @@ const handleClick = (tab: TabsPaneContext, event: Event) => {
     padding: 10px 0;
   }
 }
+.foot {
+  background-color: #2e3546;
+  color: #f0f2f5;
+}
 </style>

src/views/service/detail.vue

@@ -60,9 +60,9 @@
             </a-tabs>
           </el-col>
         </div>
-        <cFoot style="background-color: #2e3546; color: #f0f2f5"></cFoot>
       </el-col>
     </el-row>
+    <cFoot class="foot"></cFoot>
   </div>
 </template>
 
@@ -241,4 +241,8 @@ const searchOther = async () => {
     margin: 0 0 10px 0;
   }
 }
+.foot {
+  background-color: #2e3546;
+  color: #f0f2f5;
+}
 </style>

src/views/service/index.vue

@@ -41,9 +41,9 @@
             <a-pagination v-model:page-size="limit" show-size-changer :page-size-options="pageSizeOptions" :total="total" @showSizeChange="onShowSizeChange" />
           </el-col>
         </div>
-        <cFoot style="background-color: #2e3546; color: #f0f2f5"></cFoot>
       </el-col>
     </el-row>
+    <cFoot class="foot"></cFoot>
   </div>
 </template>
 
@@ -297,4 +297,8 @@ const onShowSizeChange = (current: number, pageSize: number) => {
     padding: 0 0 10px 0;
   }
 }
+.foot {
+  background-color: #2e3546;
+  color: #f0f2f5;
+}
 </style>

src/views/trade/detail.vue

@@ -69,9 +69,9 @@
             </a-tabs>
           </el-col>
         </div>
-        <cFoot style="background-color: #2e3546; color: #f0f2f5"></cFoot>
       </el-col>
     </el-row>
+    <cFoot class="foot"></cFoot>
   </div>
 </template>
 
@@ -265,4 +265,9 @@ const searchOther = async () => {
     margin: 0 0 10px 0;
   }
 }
+
+.foot {
+  background-color: #2e3546;
+  color: #f0f2f5;
+}
 </style>

src/views/trade/one.vue

@@ -31,9 +31,9 @@
             <a-pagination v-model:page-size="limit" show-size-changer :page-size-options="pageSizeOptions" :total="total" @showSizeChange="onShowSizeChange" />
           </el-col>
         </div>
-        <cFoot style="background-color: #2e3546; color: #f0f2f5"></cFoot>
       </el-col>
     </el-row>
+    <cFoot class="foot"></cFoot>
   </div>
 </template>
 
@@ -281,4 +281,8 @@ const onShowSizeChange = (current: number, pageSize: number) => {
     padding: 0 0 10px 0;
   }
 }
+.foot {
+  background-color: #2e3546;
+  color: #f0f2f5;
+}
 </style>

src/views/trade/two.vue

@@ -30,9 +30,9 @@
             <a-pagination v-model:page-size="limit" show-size-changer :page-size-options="pageSizeOptions" :total="total" @showSizeChange="onShowSizeChange" />
           </el-col>
         </div>
-        <cFoot style="background-color: #2e3546; color: #f0f2f5"></cFoot>
       </el-col>
     </el-row>
+    <cFoot class="foot"></cFoot>
   </div>
 </template>
 
@@ -238,4 +238,8 @@ const onShowSizeChange = (current: number, pageSize: number) => {
     padding: 0 0 10px 0;
   }
 }
+.foot {
+  background-color: #2e3546;
+  color: #f0f2f5;
+}
 </style>

vite.config.ts

@@ -13,6 +13,7 @@ export default defineConfig(({ mode }) => {
     plugins: [vue()],
     server: {
       port: 9001,
+      host: '0.0.0.0',
       proxy: {
         '/file': {
           target: 'https://broadcast.waityou24.cn',