feat(home): 优化首页地图组件和布局

- 新增多个地图组件，丰富页面内容
-优化导航栏样式，使用 header标签
- 设置页面标题为"幸福人寿"
- 调整首页布局，增加 main 标签
- 优化地图组件样式和动画效果

vue.config.js

@@ -10,7 +10,7 @@ module.exports = {
   outputDir: 'dist', //打包输出目录
   productionSourceMap: false,
   devServer: {
-    https: false
+    https: false,
   },
   css: {
     sourceMap: true, // 查看css属于哪个css文件
@@ -22,15 +22,20 @@ module.exports = {
             viewportWidth: 375,
             // 该项仅在使用 Circle 组件时需要
             // 原因参见 https://github.com/youzan/vant/issues/1948
-            selectorBlackList: ['van-circle__layer']
-          })
-        ]
-      }
-    }
+            selectorBlackList: ['van-circle__layer'],
+          }),
+        ],
+      },
+    },
   },
   chainWebpack: (config) => {
     // 移除 prefetch 插件
     config.resolve.alias.set('@utils', resolve('./src/assets/js/utils'))
+    // 设置 HTML 标题
+    config.plugin('html').tap((args) => {
+      args[0].title = '幸福人寿'
+      return args
+    })
 
     // config.plugins.delete('prefetch')
     /* 配置svg图标自动加载 begin */
@@ -43,7 +48,7 @@ module.exports = {
       .use('svg-sprite-loader')
       .loader('svg-sprite-loader')
       .options({
-        symbolId: 'icon-[name]'
+        symbolId: 'icon-[name]',
       })
     //设置路径别名
   },
@@ -58,7 +63,7 @@ module.exports = {
         //只给出 js 文件的性能提示
         assetFilter: function (assetFilename) {
           return assetFilename.endsWith('.js')
-        }
+        },
       })
-  }
+  },
 }