feat: 调整为使用统一标题组件

components/ModuleTitle/index.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="module-header mb12">
     <text class="module-title">{{ title }}</text>
-    <image class="underline" src="./images/wave_icon.png" mode="widthFix"/>
+    <image class="underline" src="./images/wave_icon.png" mode="aspectFill"/>
   </view>
 </template>
 

components/ModuleTitle/styles/index.scss

@@ -1,6 +1,8 @@
 .module-header {
   position: relative;
-  padding: 2px 8px 2px 3px;
+  padding: 6px 2px 2px;
+  display: inline-block;
+
 }
 
 .module-title {
@@ -15,11 +17,11 @@
   position: absolute;
   bottom: 3px;
   left: 0;
-  width: 79px;
+  width: 100%;
-  height: 4px;
+  height: 10px;
   z-index: 0;
 }
 
 .mb12 {
-  margin-bottom: 12px;
+  margin-bottom: 4px;
 }

pages/chat/ChatTopWelcome.vue

@@ -4,7 +4,7 @@
 			<!-- :style="backgroundStyle" -->
 			<view class="top-item1-left">
 				<image :src="initPageImages.welcomeImageUrl"></image>
-				<text>{{ currentDate }} 多云 -3～6℃ ss </text>						  
+				<text>{{ currentDate }} 多云 -3～6℃ ff </text>						  
 			</view>
 			<view class="top-item1-right">
 				<image :src="initPageImages.logoImageUrl"></image>

pages/module/booking/QuickBookingContentList.vue

@@ -1,11 +1,8 @@
 <template>
 	<view class="container">
-		<view class="mk-title">
+		<ModuleTitle :title="commodityDTO.title" />
-			<text class="title"> {{ commodityDTO.title }}</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 commodityDTO.commodityList" :key="item.commodityName">
+			<view class="mk-card-item" v-for="(item) in commodityDTO.commodityList" :key="item.commodityName">
 				<view class="card-badge">超值推荐</view>
 				<image class="card-img" :src="item.commodityIcon" mode="widthFix" />
 				<view class="card-content">
@@ -34,6 +31,7 @@
 </template>
 
 <script setup>
+	import ModuleTitle from '@/components/ModuleTitle/index.vue'
 	import { defineProps } from 'vue'
 	const props = defineProps({
 		commodityDTO: {
@@ -46,25 +44,6 @@
 
 <style lang="scss" scoped>
 	.container {		
-		.mk-title {
-			padding: 4px 0;
-			display: inline-block;
-			position: relative;
-			.title {
-				font-weight: 400;
-				font-size: 16px;
-				color: #000000;
-				z-index: 2;
-				position: relative;
-			}
-			.wave {
-				position: absolute;
-				bottom: 2px;
-				left: 0;
-				width: 100%;
-				z-index: 1;
-			}
-		}
 
 		.container-scroll {
 			display: flex;

pages/module/discovery/DiscoveryCradContentList.vue

@@ -1,9 +1,6 @@
 <template>
 	<view class="container">
-		<view class="mk-title">
+		<ModuleTitle :title="recommendTheme.themeName" />
-			<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 recommendTheme.recommendPostsList" :key="index">
 				<image :src="item.coverPhoto" mode="widthFix"></image>
@@ -14,6 +11,8 @@
 </template>
 
 <script setup>
+	import ModuleTitle from '@/components/ModuleTitle/index.vue'
+	
 	import { defineProps } from 'vue'
 	const props = defineProps({
 		recommendTheme: {
@@ -26,25 +25,6 @@
 
 <style lang="scss" scoped>
 	.container {		
-		.mk-title {
-			padding: 4px 0;
-			display: inline-block;
-			position: relative;
-			.title {
-				font-weight: 400;
-				font-size: 16px;
-				color: #000000;
-				z-index: 2;
-				position: relative;
-			}
-			.wave {
-				position: absolute;
-				bottom: 2px;
-				left: 0;
-				width: 100%;
-				z-index: 1;
-			}
-		}
 		
 		.container-scroll {
 			display: flex;

pages/module/recommend/RecommendPostsList.vue

@@ -1,9 +1,6 @@
 <template>
 	<view class="container">
-		<view class="mk-title">
+		<ModuleTitle :title="recommendTheme.themeName" />
-			<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 recommendTheme.recommendPostsList" :key="index">
 				<image :src="item.coverPhoto" mode="widthFix"></image>
@@ -14,6 +11,7 @@
 </template>
 
 <script setup>
+	import ModuleTitle from '@/components/ModuleTitle/index.vue'
 	import { defineProps } from 'vue'
 	const props = defineProps({
 		recommendTheme: {
@@ -26,25 +24,6 @@
 
 <style lang="scss" scoped>
 	.container {		
-		.mk-title {
-			padding: 4px 0;
-			display: inline-block;
-			position: relative;
-			.title {
-				font-weight: 400;
-				font-size: 16px;
-				color: #000000;
-				z-index: 2;
-				position: relative;
-			}
-			.wave {
-				position: absolute;
-				bottom: 2px;
-				left: 0;
-				width: 100%;
-				z-index: 1;
-			}
-		}
 		
 		.container-scroll {
 			display: flex;