feat: 主页的接口对接

pages/module/OneFeelMK002.vue

@@ -1,19 +1,29 @@
 <template>
 	<view class="container">
 		<view class="mk-title">
-			<text class="title">避世放松 能量调节</text>
+			<text class="title"> {{ recommendTheme.themeName }}</text>
 		    <image class="wave" src="@/static/wave_icon.png" mode="widthFix"/>
 		</view>
 		<view class="container-scroll">
-			<view class="mk-card-item" v-for="(item, index) in 8" :key="index">
-				<image src="/static/test/mk_img_1.png"></image>
-				<text>#森系环境 #出工人必备-{{item}}</text>
+			<view class="mk-card-item" v-for="(item, index) in recommendTheme.recommendPostsList" :key="index">
+				<image :src="item.coverPhoto" mode="widthFix"></image>
+				<text>{{ item.topic }}</text>
 			</view>
 		</view>
 	</view>
 </template>
 
 <script setup>
+	
+	
+
+defineProps({
+	recommendTheme: {
+		type: Object,
+		default: {}
+	}
+})
+
 </script>
 
 <style lang="scss" scoped>
@@ -53,6 +63,7 @@
 			.mk-card-item {
 				display: flex;
 				flex-direction: column;
+				align-items: start;
 				width: 188px;
 				height: 154px;
 				background-color: #ffffff;