update

src/pages/index/index.jsx

@@ -25,6 +25,11 @@ import { AtIcon } from "taro-ui";
 import { VIEW } from "@tarojs/runtime";
 import "animate.css";
 import touxiang from "../../images/touxiang.png";
+import emoji from "../../images/emoji.png";
+import phone from "../../images/phone.png";
+import robot from "../../images/robot.png";
+import nomad from "../../images/nomad.png";
+
 
 // export default class Index extends Component {
 const Index = () => {
@@ -134,11 +139,11 @@ const Index = () => {
       <View className="index-article">
         {/* className="at-article__p" */}
         <View>
-          普通的独立开发者,平时喜欢折腾<span className="spanText">树莓派</span>
+          普通的独立开发者,平时喜欢折腾树莓派
           <br />
           副业是做跨境电商
           <br />
-          努力成为一个数字游民ing😎
+          努力成为一个<span className="spanText">数字游民</span>ing😎
         </View>
       </View>
 
@@ -149,27 +154,42 @@ const Index = () => {
             title="云手机"
             arrow="right"
             // hasBorder={false}
-            thumb="https://img12.360buyimg.com/jdphoto/s72x72_jfs/t6160/14/2008729947/2754/7d512a86/595c3aeeNa89ddf71.png"
+            thumb={phone}
             onClick={() => {}}
           />
           <AtListItem
             title="微信机器人"
             arrow="right"
             // hasBorder={false}
-            thumb="http://img10.360buyimg.com/jdphoto/s72x72_jfs/t5872/209/5240187906/2872/8fa98cd/595c3b2aN4155b931.png"
+            thumb={robot}
             onClick={() => {}}
           />
           <AtListItem
             title="数字游民"
             arrow="right"
             // hasBorder={false}
-            thumb="http://img12.360buyimg.com/jdphoto/s72x72_jfs/t10660/330/203667368/1672/801735d7/59c85643N31e68303.png"
+            thumb={nomad}
             onClick={() => {}}
           />
         </AtList>
       </View>
 
-      <View className="index-meetup">
+      <View className="software">
+        <View className="emojiTitle">
+          <span style={{ color: "green" }}>|</span> 我写的软件工具
+        </View>
+        <View className="emojitext">
+          markdown转emoji编辑器
+        </View>
+        <View className="software-emoji">
+          <Image
+            style="width: 80%;height: 240px;background: #fff;"
+            src={emoji}
+          />
+        </View>
+      </View>
+
+      <View className="index-meetup animate__animated animate__pulse">
         <AtCard
           // note="提示文字"
           extra="2024/07/26"
@@ -190,7 +210,10 @@ const Index = () => {
               <View className="title">
                 xMEMS Live - Asia 2024 | 音频技术研讨会（深圳）
               </View>
-              <View className="address">深圳市南山区</View>
+              <View className="address">
+                <AtIcon value="map-pin" size="30" color="#F00"></AtIcon>
+                <span>深圳市南山区</span>
+              </View>
               <View className="meetBtn">
                 <View className="join">了解详情</View>
               </View>

src/pages/index/index.scss

@@ -35,6 +35,23 @@
     margin-top: 40px;
   }
 
+  .software {
+    margin-top: 40px;
+    font-size: 30px;
+    .emojiTitle{
+      color: rgb(99 102 241);
+    }
+    .emojitext {
+      font-size: 24px;
+    }
+    .software-emoji {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+
   .index-meetup {
     margin-top: 40px;
 
@@ -59,24 +76,24 @@
         justify-content: space-between;
         // background-color: green;
         flex: 1;
-        .title{
-          
+        .title {
         }
-        .address{
+        .address {
           // margin-top: 30px;
         }
-        .meetBtn{
+        .meetBtn {
           display: flex;
           flex-direction: row-reverse;
-          .join{
+          .join {
             width: 100px;
             display: flex;
             flex-direction: row;
             align-items: center;
             justify-content: center;
             background-color: #1bb14e;
+            color: #fff;
+            border-radius: 15%;
           }
-         
         }
       }
     }