navbar,miami.jpg

增加navbar侧边栏，更改了header图片

src/containers/App/App.css

@@ -71,3 +71,30 @@ footer a:hover {
   color: white;
   text-decoration: underline;
 }
+
+/* navbar */
+.custom-dropdown-menu {
+  /* navbar folder的设置 */
+  /* background-color: #1b1a1a;  //自定义背景色 */
+  color: #030303;  /* 自定义文字颜色 */
+}
+
+.custom-dropdown-menu.dropdown-item {
+  /* navbar folder 展开时字体颜色与背景 */
+  /* background-color: #4d4949; */
+  color: #000000;  /* 自定义每个菜单项的文字颜色 */
+}
+
+.custom-dropdown-menu.dropdown-item:hover {
+  background-color: #e4dfb4;  /* 鼠标悬停时的背景色 */
+  color: #39d197;  /* 鼠标悬停时的文字颜色 */
+}
+
+/* header */
+.bg-miami {
+  background-image: url('/src/asset/miami.jpg'); /* 背景图片路径 */
+  background-size: cover;        /* 使背景图片覆盖整个容器 */
+  background-position: center;   /* 居中对齐背景图片 */
+  background-repeat: no-repeat;  /* 防止背景图片重复 */
+  background-attachment: fixed;  /* 固定背景图片，使其在滚动时不移动 */
+}