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-10 20:44:40 +08:00
parent 59a4f5827f
commit 16b8885eb1
5 changed files with 121 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,7 +2,8 @@
<view class="container"> <view class="container">
<ModuleTitle :title="commodityDTO.title" /> <ModuleTitle :title="commodityDTO.title" />
<view class="container-scroll"> <view class="container-scroll">
<view class="mk-card-item" v-for="(item, index) in commodityDTO.commodityList" :key="`${item.commodityId}-${index}`"> <view v-for="(item, index) in commodityDTO.commodityList" :key="`${item.commodityId}-${index}`">
<view class="mk-card-item" @click="placeOrderHandle(item)">
<!-- <view class="card-badge">超值推荐</view> --> <!-- <view class="card-badge">超值推荐</view> -->
<image class="card-img" :src="item.commodityIcon" mode="aspectFill" /> <image class="card-img" :src="item.commodityIcon" mode="aspectFill" />
<view class="card-content"> <view class="card-content">
@@ -22,7 +23,8 @@
<text class="card-unit">/人</text> <text class="card-unit">/人</text>
</view> </view>
<text class="card-btn" @click="placeOrderHandle(item)">下单</text> <text class="card-btn">下单</text>
</view>
</view> </view>
</view> </view>
</view> </view>

1
pages/module/detail/DetailCardCompontent.vue
View File

@@ -30,6 +30,7 @@
<style scoped lang="scss"> <style scoped lang="scss">
.container { .container {
width: 100%; width: 100%;
padding: 12px 0;
} }
</style> </style>

9
pages/module/detail/DetailCardGoodsContentList.vue
View File

@@ -2,7 +2,8 @@
<view class="container"> <view class="container">
<ModuleTitle title="相关商品" /> <ModuleTitle title="相关商品" />
<view class="container-scroll"> <view class="container-scroll">
<view class="mk-card-item" v-for="(item, index) in commodityList" :key="`${item.commodityId}-${index}`"> <view v-for="(item, index) in commodityList" :key="`${item.commodityId}-${index}`">
<view class="mk-card-item" @click="placeOrderHandle(item)">
<image class="card-img" :src="item.commodityPhoto" mode="aspectFill" /> <image class="card-img" :src="item.commodityPhoto" mode="aspectFill" />
<view class="card-content"> <view class="card-content">
<view class="card-title-column"> <view class="card-title-column">
@@ -20,8 +21,8 @@
<text class="card-price">{{ item.specificationPrice }}</text> <text class="card-price">{{ item.specificationPrice }}</text>
<text class="card-unit">/人</text> <text class="card-unit">/人</text>
</view> </view>
<text class="card-btn">下单</text>
<text class="card-btn" @click="placeOrderHandle(item)">下单</text> </view>
</view> </view>
</view> </view>
</view> </view>
@@ -50,7 +51,7 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.container { .container {
margin-bottom: 8px 0; margin: 6px 0 0;
.container-scroll { .container-scroll {
display: flex; display: flex;

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

@@ -2,12 +2,14 @@
<view class="container"> <view class="container">
<ModuleTitle :title="recommendTheme.themeName" /> <ModuleTitle :title="recommendTheme.themeName" />
<view class="container-scroll"> <view class="container-scroll">
<view class="mk-card-item" v-for="(item, index) in recommendTheme.recommendPostsList" :key="index" @click="sendReply(item)"> <view v-for="(item, index) in recommendTheme.recommendPostsList" :key="index">
<view class="mk-card-item" @click="sendReply(item)">
<image :src="item.coverPhoto" mode="widthFix"></image> <image :src="item.coverPhoto" mode="widthFix"></image>
<text>{{ item.topic }}</text> <text>{{ item.topic }}</text>
</view> </view>
</view> </view>
</view> </view>
</view>
</template> </template>
<script setup> <script setup>

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

@@ -2,7 +2,8 @@
<view class="container"> <view class="container">
<ModuleTitle :title="recommendTheme.themeName" /> <ModuleTitle :title="recommendTheme.themeName" />
<view class="container-scroll"> <view class="container-scroll">
<view class="mk-card-item" v-for="(item, index) in recommendTheme.recommendPostsList" :key="index" @click="sendReply(item)"> <view v-for="(item, index) in recommendTheme.recommendPostsList" :key="index">
<view class="mk-card-item" @click="sendReply(item)">
<image :src="item.coverPhoto" mode="aspectFill"></image> <image :src="item.coverPhoto" mode="aspectFill"></image>
<view class="overlay-gradient"> <view class="overlay-gradient">
<text class="overlay-text">{{ item.topic }}</text> <text class="overlay-text">{{ item.topic }}</text>
@@ -10,6 +11,7 @@
</view> </view>
</view> </view>
</view> </view>
</view>
</template> </template>
<script setup> <script setup>