'hello'

src/pages/index/index.jsx

@@ -59,6 +59,16 @@ import wifi from "../../images/cloud/wifi.png";
 import nomadcna from "../../images/cloud/nomadcna.png";
 import nomadcna192 from "../../images/cloud/nomadcna192.png";
 
+import avatar from "../../images/Avatar/avatar.jpg";
+import cat from "../../images/Avatar/cat.jpg";
+import girl from "../../images/Avatar/girl.jpg";
+import touxiang from "../../images/Avatar/touxiang.png";
+import girla from "../../images/Avatar/girla.jpg";
+import girlb from "../../images/Avatar/girlb.jpg";
+import girlc from "../../images/Avatar/girlc.jpg";
+import boya from "../../images/Avatar/boya.jpg";
+import boyb from "../../images/Avatar/boyb.jpg";
+
 import nomadBook from "../../images/nomadBook.jpg";
 import wechatGroup from "../../images/wechatGroup.jpg";
 import nomad from "../../images/nomad.mp4";
@@ -247,8 +257,30 @@ const Index = () => {
         <View className="upText">
           <span className="title">📣成为数字游民,并旅居在任何地方</span>
           <br />
-          nomadcna.com，代表着目前中国各地远程生活和工作的数字游民，不局限于某一处
-          <br />
+          <span className="nomadcna">nomadcna.com</span>
+          ，代表着目前中国各地远程生活和工作的数字游民，不局限于某一处
+          <View className="AvatarView">
+            {[
+              { image: girla },
+              { image: avatar },
+              { image: girlb },
+              { image: cat },
+              { image: girl },
+              { image: boya },
+              { image: touxiang },
+              { image: girlc },
+              { image: boyb },
+            ].map((item, index) => {
+              return (
+                // <AtAvatar
+                //   className="Avatar"
+                //   circle
+                //   image={item?.image}
+                // ></AtAvatar>
+                <Image className="Avatar" mode="heightFix" src={item?.image} />
+              );
+            })}
+          </View>
           🍹每年在 30 多个城市 参加聚会
           <br />
           ❤️结识新朋友，约会

src/pages/index/index.scss

@@ -39,6 +39,26 @@
       .title {
         font-size: 40px;
       }
+      .nomadcna {
+        color: aqua !important;
+      }
+      .AvatarView{
+        margin-top: 10px;
+        margin-bottom: 10px;
+        display: flex;
+        flex-direction: row;
+        // align-items: center;
+        // justify-content: space-between;
+        .Avatar{
+          width: 40px;
+          height: 40px;
+          margin-right: -10px;
+          border: 2px solid #fff;
+          border-radius: 50%;
+        }
+      }
+
+    
       .upjonNomad {
         margin-top: 10px;
         width: 100%;
@@ -48,7 +68,7 @@
         // position: relative;
         .upjonNomadBtn {
           height: 50px;
-          font-size: 24px ;
+          font-size: 24px;
           display: flex;
           flex-direction: row;
           align-items: center;
@@ -88,7 +108,7 @@
         // position: relative;
         .jonNomadBtn {
           height: 50px;
-          font-size: 24px ;
+          font-size: 24px;
           display: flex;
           flex-direction: row;
           align-items: center;
@@ -219,7 +239,7 @@
     color: aqua;
   }
 
-  .qrcode{
+  .qrcode {
     font-size: 24px;
     display: flex;
     flex-direction: column;
@@ -239,4 +259,3 @@
     display: none !important;
   }
 }
-