diff --git a/src/pages/meetup/index.jsx b/src/pages/meetup/index.jsx
index 4373e83..99f66c3 100644
--- a/src/pages/meetup/index.jsx
+++ b/src/pages/meetup/index.jsx
@@ -8,6 +8,7 @@ import { Swiper, SwiperItem } from "@tarojs/components";
 import { AtCard } from "taro-ui";
 import { AtImagePicker } from "taro-ui";
 import Taro from '@tarojs/taro'
+import { AtButton } from "taro-ui";
 
 
 // export default class Index extends Component {
@@ -34,7 +35,36 @@ const Meetup = () => {
   return (
     <View className="my">
       {/* <Text>Hello world!</Text> */}
-      meetup
+      <AtCard
+        note=""
+        extra=""
+        title="[副业交流] 沙龙茶话会"
+        thumb="http://www.logoquan.com/upload/list/20180421/logoquan15259400209.PNG"
+      >
+        <View className="meetupCard">
+          {" "}
+          <View className="left">
+            {" "}
+            <Image
+              style="width: 150px;height: 100px;background: #fff;"
+              src={
+                "https://7084298024874.huodongxing.com/file/ue/20211008/115427740E13BBD5BD7B56940467DC03B4/30435083489707317.jpeg"
+              }
+            />
+          </View>
+          <View className="right">
+            <View className="up">[副业交流] 沙龙茶话会</View>
+            <View className="middle">2023/12/06 星期三</View>
+            <View className="down">
+              <AtButton type="primary" size="small" className="submitBtn">
+                立即报名
+              </AtButton>
+            </View>
+          </View>
+        </View>
+      </AtCard>
+
+
       <View className="indexTablebar">
         <AtTabBar
           tabList={[
diff --git a/src/pages/meetup/index.scss b/src/pages/meetup/index.scss
index 2ffc6a7..ed9b95c 100644
--- a/src/pages/meetup/index.scss
+++ b/src/pages/meetup/index.scss
@@ -1,7 +1,34 @@
 .my{
 
 
-
+  .meetupCard {
+    display: flex;
+    flex-direction: row;
+    .right {
+      // background-color: yellow;
+      width: 100%;
+      margin-left: 20px;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      .down {
+        width: 200px;
+        // background-color: aqua;
+        position: relative;
+        bottom: 10px;
+        right: -120px;
+        // display: flex;
+        // flex-direction: column-reverse;
+        // justify-content:flex-end
+        // position: relative;
+        .submitBtn {
+          // width: 200px;
+          // position: absolute;
+          // right: 0px;
+        }
+      }
+    }
+  }
     .indexTablebar {
         position: fixed;
         bottom: 0;