feat: 调整项目结构

src/components/ModuleTitle/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <view class="module-header mb12">
+    <text class="module-title">{{ title }}</text>
+    <image class="underline" src="./images/wave_icon.png" mode="aspectFill"/>
+  </view>
+</template>
+
+<script setup>
+defineProps({
+  title: {
+    type: String,
+    default: '图片详情'
+  }
+});
+</script>
+
+<style scoped lang="scss">
+@use "./styles/index.scss";
+</style>

src/components/ModuleTitle/prompt.md

@@ -0,0 +1,14 @@
+## 图片详情组件
+
+组件名称：模块标题组件
+
+## 提示词：
+
+使用 uniapp + vue3 组合式 api 开发微信小程序，要求如下：
+1、按照提供的图片 100%还原交互设计
+2、要求布局样式结构简洁明了，class 命名请按照模块名称来命名，例如：.module-title
+3、可以使用 uniapp 内置的组件
+
+## 备注
+
+仅供学习、交流使用，请勿用于商业用途。

src/components/ModuleTitle/styles/index.scss

@@ -0,0 +1,26 @@
+.module-header {
+  position: relative;
+  padding: 6px 2px 2px;
+  display: inline-block;
+}
+
+.module-title {
+  font-size: 18px;
+  font-family: PingFang SC, PingFang SC;
+  color: #000;
+  position: relative;
+  z-index: 1;
+}
+
+.underline {
+  position: absolute;
+  bottom: 3px;
+  left: 0;
+  width: 100%;
+  height: 10px;
+  z-index: 0;
+}
+
+.mb12 {
+  margin-bottom: 4px;
+}