feat: 调整项目结构

src/pages/index/components/module/DiscoveryCradContentList/index.vue

@@ -0,0 +1,42 @@
+<template>
+  <view class="container">
+    <ModuleTitle :title="recommendTheme.themeName" />
+    <view class="container-scroll">
+      <view
+        v-for="(item, index) in recommendTheme.recommendPostsList"
+        :key="index"
+      >
+        <view class="mk-card-item" @click="sendReply(item)">
+          <image
+            class="card-img"
+            :src="item.coverPhoto"
+            mode="widthFix"
+          ></image>
+          <text class="card-text">{{ item.topic }}</text>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { RECOMMEND_POSTS_TITLE } from "@/constant/constant";
+import { defineProps } from "vue";
+import ModuleTitle from "@/components/ModuleTitle/index.vue";
+
+const props = defineProps({
+  recommendTheme: {
+    type: Object,
+    default: {},
+  },
+});
+
+const sendReply = (item) => {
+  const topic = item.userInputContent || item.topic.replace(/^#/, "");
+  uni.$emit(RECOMMEND_POSTS_TITLE, topic);
+};
+</script>
+
+<style lang="scss" scoped>
+@use "./styles/index.scss";
+</style>

src/pages/index/components/module/DiscoveryCradContentList/styles/index.scss

@@ -0,0 +1,33 @@
+.container {
+  .container-scroll {
+    display: flex;
+    flex-direction: row;
+    overflow-x: auto;
+    margin-top: 4px;
+
+    .mk-card-item {
+      display: flex;
+      flex-direction: column;
+      align-items: start;
+      width: 188px;
+      height: 154px;
+      background-color: #ffffff;
+      border-radius: 10px;
+      margin-right: 8px;
+      position: relative;
+
+      .card-img {
+        width: 188px;
+        height: 112px;
+      }
+
+      .card-text {
+        padding: 12px;
+        text-align: center;
+        font-weight: 500;
+        font-size: 12px;
+        color: #333333;
+      }
+    }
+  }
+}