feat: enhance BottomNav component and update project configuration

config/dev.ts

@@ -6,5 +6,9 @@ export default {
     stats: true
   },
   mini: {},
-  h5: {}
+  h5: {
+    devServer: {
+      host: '0.0.0.0'
+    }
+  }
 } satisfies UserConfigExport<'webpack5'>

config/index.ts

@@ -7,8 +7,8 @@ import prodConfig from "./prod";
 // @ts-ignore
 export default defineConfig<"webpack5">(async (merge, { command, mode }) => {
   const baseConfig: UserConfigExport<"webpack5"> = {
-    projectName: "2025-09-14-webpack-demo",
-    date: "2025-9-14",
+    projectName: "taro-template",
+    date: "2026-03-12",
     designWidth: 750,
     deviceRatio: {
       640: 2.34 / 2,
@@ -31,6 +31,12 @@ export default defineConfig<"webpack5">(async (merge, { command, mode }) => {
       enable: false, // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
     },
     mini: {
+      compiler: {
+        type: 'webpack5',
+        prebundle: {
+          enable: false // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
+        },
+      },
       postcss: {
         pxtransform: {
           enable: true,
@@ -51,6 +57,7 @@ export default defineConfig<"webpack5">(async (merge, { command, mode }) => {
     h5: {
       publicPath: "/",
       staticDirectory: "static",
+      esnextModules: ["@stencil/core"],
       output: {
         filename: "js/[name].[hash:8].js",
         chunkFilename: "js/[name].[chunkhash:8].js",