zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
zoujing
2025-08-02 18:35:24 +08:00
parent 92cbcc2ebe
commit ef413eb872
6 changed files with 17 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/ModuleTitle/index.vue
View File

@@ -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>

10
components/ModuleTitle/styles/index.scss
View File

@@ -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;
height: 4px;
width: 100%;
height: 10px;
z-index: 0;
}
.mb12 {
margin-bottom: 12px;
margin-bottom: 4px;
}

2
pages/chat/ChatTopWelcome.vue
View File

@@ -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>

29
pages/module/booking/QuickBookingContentList.vue
View File

@@ -1,11 +1,8 @@
<template>
<view class="container">
<view class="mk-title">
<text class="title"> {{ commodityDTO.title }}</text>
<image class="wave" src="@/static/wave_icon.png" mode="widthFix"/>
</view>
<ModuleTitle :title="commodityDTO.title" />
<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,26 +44,7 @@
<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;
flex-direction: row;

26
pages/module/discovery/DiscoveryCradContentList.vue
View File

@@ -1,9 +1,6 @@
<template>
<view class="container">
<view class="mk-title">
<text class="title"> {{ recommendTheme.themeName }}</text>
<image class="wave" src="@/static/wave_icon.png" mode="widthFix"/>
</view>
<ModuleTitle :title="recommendTheme.themeName" />
<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;

25
pages/module/recommend/RecommendPostsList.vue
View File

@@ -1,9 +1,6 @@
<template>
<view class="container">
<view class="mk-title">
<text class="title"> {{ recommendTheme.themeName }}</text>
<image class="wave" src="@/static/wave_icon.png" mode="widthFix"/>
</view>
<ModuleTitle :title="recommendTheme.themeName" />
<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;