diff --git a/src/images/changsha.jpg b/src/images/changsha.jpg
new file mode 100644
index 0000000..971950f
Binary files /dev/null and b/src/images/changsha.jpg differ
diff --git a/src/images/chengdu.jpg b/src/images/chengdu.jpg
new file mode 100644
index 0000000..34e0b5b
Binary files /dev/null and b/src/images/chengdu.jpg differ
diff --git a/src/images/chongqing.jpg b/src/images/chongqing.jpg
new file mode 100644
index 0000000..95f98ed
Binary files /dev/null and b/src/images/chongqing.jpg differ
diff --git a/src/images/dali.jpg b/src/images/dali.jpg
new file mode 100644
index 0000000..4e79406
Binary files /dev/null and b/src/images/dali.jpg differ
diff --git a/src/images/guangzhou.jpg b/src/images/guangzhou.jpg
new file mode 100644
index 0000000..a3f4252
Binary files /dev/null and b/src/images/guangzhou.jpg differ
diff --git a/src/images/hangzhou.jpg b/src/images/hangzhou.jpg
new file mode 100644
index 0000000..0e24e60
Binary files /dev/null and b/src/images/hangzhou.jpg differ
diff --git a/src/images/jingzhou.jpg b/src/images/jingzhou.jpg
new file mode 100644
index 0000000..802ad89
Binary files /dev/null and b/src/images/jingzhou.jpg differ
diff --git a/src/images/nanjing.jpg b/src/images/nanjing.jpg
new file mode 100644
index 0000000..de19d30
Binary files /dev/null and b/src/images/nanjing.jpg differ
diff --git a/src/images/wuhan.jpg b/src/images/wuhan.jpg
new file mode 100644
index 0000000..709f6e8
Binary files /dev/null and b/src/images/wuhan.jpg differ
diff --git a/src/images/xian.jpg b/src/images/xian.jpg
new file mode 100644
index 0000000..60c7ac7
Binary files /dev/null and b/src/images/xian.jpg differ
diff --git a/src/pages/index/index.jsx b/src/pages/index/index.jsx
index d4711ce..1923727 100644
--- a/src/pages/index/index.jsx
+++ b/src/pages/index/index.jsx
@@ -27,6 +27,17 @@ import "animate.css";
 import beijing from "../../images/beijing.jpg";
 import shanghai from "../../images/shanghai.jpg";
 import shenzhen from "../../images/shenzhen.jpg";
+import guangzhou from "../../images/guangzhou.jpg";
+import wuhan from "../../images/wuhan.jpg";
+import hangzhou from "../../images/hangzhou.jpg";
+import dali from "../../images/dali.jpg";
+import chongqing from "../../images/chongqing.jpg";
+
+import changsha from "../../images/changsha.jpg";
+import jingzhou from "../../images/jingzhou.jpg";
+import chengdu from "../../images/chengdu.jpg";
+import nanjing from "../../images/nanjing.jpg";
+import xian from "../../images/xian.jpg";
 
 // export default class Index extends Component {
 const Index = () => {
@@ -51,15 +62,18 @@ const Index = () => {
             dom: custDom(),
           },
           { cityName: "深圳", img: shenzhen, type: "item", dom: "" },
-          { cityName: "广州", img: shenzhen, type: "item", dom: "" },
-          { cityName: "武汉", img: shenzhen, type: "item", dom: "" },
-          { cityName: "杭州", img: shenzhen, type: "item", dom: "" },
-          { cityName: "大理", img: shenzhen, type: "item", dom: "" },
-          { cityName: "重庆", img: shenzhen, type: "item", dom: "" },
-          { cityName: "荆州", img: shenzhen, type: "item", dom: "" },
-          { cityName: "长沙", img: shenzhen, type: "item", dom: "" },
-
+          { cityName: "广州", img: guangzhou, type: "item", dom: "" },
+          { cityName: "武汉", img: wuhan, type: "item", dom: "" },
+          { cityName: "杭州", img: hangzhou, type: "item", dom: "" },
+          { cityName: "大理", img: dali, type: "item", dom: "" },
+          { cityName: "鹤岗", img: dali, type: "item", dom: "" },
+          { cityName: "成都", img: chengdu, type: "item", dom: "" },
+          { cityName: "南京", img: nanjing, type: "item", dom: "" },
+          { cityName: "西安", img: xian, type: "item", dom: "" },
 
+          { cityName: "重庆", img: chongqing, type: "item", dom: "" },
+          { cityName: "长沙", img: changsha, type: "item", dom: "" },
+          { cityName: "荆州", img: jingzhou, type: "item", dom: "" },
         ].map((item, index) => {
           if (item.type === "custom") {
             // 根据屏幕变化,添加自定义组件
@@ -79,10 +93,10 @@ const Index = () => {
                   {/* 温度 */}
                   <View className="itemDownleft">29度</View>
                   {/* 消费 */}
-                  <View className="itemDownright">$1545/月</View>
+                  <View className="itemDownright">¥1545/月</View>
                 </View>
                 <Image
-                  style="width: 100%;height: 100%;background: #fff;border-radius: 5%;z-index:0"
+                  style="width: 100%;height: 100%;background: #fff;border-radius: 5%;z-index:0;opacity: 0.93"
                   // mode="heightFix"
                   src={item.img}
                 />
diff --git a/src/pages/index/index.scss b/src/pages/index/index.scss
index b75eca3..a3df85c 100644
--- a/src/pages/index/index.scss
+++ b/src/pages/index/index.scss
@@ -5,7 +5,7 @@
   flex-direction: column;
   .up {
     width: 100%;
-    height: 200px;
+    min-height: 200px;
     background-color: red;
     margin-bottom: 20px;
   }