update

src/pages/index/index.jsx

@@ -42,19 +42,39 @@ const Index = () => {
       <View className="items">
         {/* 数组尽量是4的倍数 */}
         {[
-          { img: beijing, type: "item", dom: "" },
-          { img: shanghai, type: "item", dom: "" },
-          { img: shenzhen, type: "custom", dom: custDom() },
-          { img: shenzhen, type: "item", dom: "" },
+          { cityName: "北京", img: beijing, type: "item", dom: "" },
+          { cityName: "上海", img: shanghai, type: "item", dom: "" },
+          {
+            cityName: "custDom",
+            img: shenzhen,
+            type: "custom",
+            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: "" },
         ].map((item, index) => {
           if (item.type === "custom") {
-            return <View className="item"> {item.dom}</View>;
+            // 根据屏幕变化,添加自定义组件
+            // return <View className="item"> {item.dom}</View>;
           } else {
             return (
               <View className="item">
-                <View className="itemUp"> itemUp</View>
-                <View className="itemiddle"> itemiddle</View>
-                <View className="itemDown">itemDown </View>
+                <View className="itemUp">
+                  {/* 序列号 */}
+                  <View className="itemUpleft">{index + 1}</View>
+                  {/* 网速 */}
+                  <View className="itemUpright">70mps</View>
+                </View>
+                {/* 城市名 */}
+                <View className="itemiddle"> {item.cityName}</View>
+                <View className="itemDown">
+                  {/* 温度 */}
+                  <View className="itemDownleft">29度</View>
+                  {/* 消费 */}
+                  <View className="itemDownright">$1545/月</View>
+                </View>
                 <Image
                   style="width: 100%;height: 100%;background: #fff;border-radius: 5%;z-index:0"
                   // mode="heightFix"