maguodong/uniapp-ZHSQ
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复商家分类下拉部分的显示问题

Browse Source
This commit is contained in:
赵毅 2025-08-12 15:42:42 +08:00
parent bc782b6227
commit 9d5b9a86bc
2 changed files with 52 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
pages/index/index.css
View File

@ -519,11 +519,11 @@ page {
border-radius: 0 0 10rpx 10rpx; border-radius: 0 0 10rpx 10rpx;
box-shadow: 0 5rpx 15rpx rgba(0, 0, 0, 0.1); box-shadow: 0 5rpx 15rpx rgba(0, 0, 0, 0.1);
padding: 20rpx; padding: 20rpx;
position: absolute; position: relative;
z-index: 99; z-index: 99;
width: 95%; width: 95%;
left: 0; left: 0;
top: 88rpx; /* top: 88rpx; */
} }
.dropdown-title { .dropdown-title {
@ -699,6 +699,10 @@ page {
box-sizing: border-box; box-sizing: border-box;
} }
.merchantList2{
}
.merchantItem { .merchantItem {
display: flex; display: flex;
padding-top: 30px; padding-top: 30px;

91
pages/index/index.vue
View File

@ -11,44 +11,44 @@
</view> </view>
</view> </view>
<!-- 功能导航区 --> <!-- 功能导航区 -->
<view class="function-nav"> <view class="function-nav" v-if="showNav">
<view class="function-item" @click="goToShop"> <view class="function-item" @click="goToShop">
<div class="icon-box"> <view class="icon-box">
<image class="iconImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/index_shop.png" <image class="iconImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/index_shop.png"
mode="widthFix" /> mode="widthFix" />
</div> </view>
<text>店铺管理</text> <text>店铺管理</text>
</view> </view>
<view class="function-item" @click="goToOrder"> <view class="function-item" @click="goToOrder">
<div class="icon-box"> <view class="icon-box">
<image class="iconImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/index_order.png" <image class="iconImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/index_order.png"
mode="widthFix" /> mode="widthFix" />
</div> </view>
<text>供应商订单</text> <text>供应商订单</text>
</view> </view>
<view class="function-item" @click="goToWuye"> <view class="function-item" @click="goToWuye">
<div class="icon-box"> <view class="icon-box">
<image class="iconImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/index_wuye.png" <image class="iconImg" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/index_wuye.png"
mode="widthFix" /> mode="widthFix" />
</div> </view>
<text>物业管理</text> <text>物业管理</text>
</view> </view>
</view> </view>
<!-- 搜索框 --> <!-- 搜索框 -->
<div class="search2" v-if="isShowSearch"> <view class="search2" v-if="isShowSearch">
<div class="searchBox2"> <view class="searchBox2">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png" <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
mode="aspectFill"></image> mode="aspectFill"></image>
<div class="hot-word-container"> <view class="hot-word-container">
<div class="hot-word-scroll" :style="{ transform: 'translateY(' + scrollPosition + 'px)' }"> <view class="hot-word-scroll" :style="{ transform: 'translateY(' + scrollPosition + 'px)' }">
<div v-for="(word, index) in hotWord" :key="index" class="hot-word-item" <view v-for="(word, index) in hotWord" :key="index" class="hot-word-item"
@click="handleHotWordClick(word)"> @click="handleHotWordClick(word)">
{{ word }} {{ word }}
</div> </view>
</div> </view>
</div> </view>
</div> </view>
</div> </view>
<!-- 轮播图 --> <!-- 轮播图 -->
<view class="swiper"> <view class="swiper">
<swiper @animationfinish="swipers" autoplay circular> <swiper @animationfinish="swipers" autoplay circular>
@ -158,48 +158,48 @@
</view> </view>
<!-- 商家列表展示 --> <!-- 商家列表展示 -->
<div class="merchantList"> <view class="merchantList" :class="{ merchantList2: merchatList.length < 3 }">
<view class="overlay" v-if="showDropdown"></view> <view class="overlay" v-if="showDropdown"></view>
<div class="merchantItem" v-for="item in merchatList" :key="item.id" @click="Info(item)"> <view class="merchantItem" v-for="item in merchatList" :key="item.id" @click="Info(item)">
<div class="merchantItem_left"> <view class="merchantItem_left">
<image :src="item.showImg" mode="aspectFill"></image> <image :src="item.showImg" mode="aspectFill"></image>
</div> </view>
<div class="merchantItem_right"> <view class="merchantItem_right">
<div class="merchantItem_right_tit"> <view class="merchantItem_right_tit">
<div class="merchantItem_right_tit_left"> <view class="merchantItem_right_tit_left">
{{ item.merchant_name }} {{ item.merchant_name }}
</div> </view>
<div class="merchantItem_right_tit_right"> <view class="merchantItem_right_tit_right">
{{ item.distances }} {{ item.distances }}
</div> </view>
</div> </view>
<div class="merchantItem_right_con"> <view class="merchantItem_right_con">
<div class="merchantItem_right_con_left"> <view class="merchantItem_right_con_left">
<div class="startList"> <view class="startList">
<image v-for="index in 5" :key="index" :src="index < item.rating <image v-for="index in 5" :key="index" :src="index < item.rating
? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png' ? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png'
: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png' : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'
" mode="aspectFill"></image> " mode="aspectFill"></image>
</div> </view>
<div class="merchangtItem_tag" v-if="item.refund_property_fee_ratio"> <view class="merchangtItem_tag" v-if="item.refund_property_fee_ratio">
买单返物业费 买单返物业费
</div> </view>
<div class="merchangtItem_tag" v-if="item.refund_user_points_ratio"> <view class="merchangtItem_tag" v-if="item.refund_user_points_ratio">
买单返积分 买单返积分
</div> </view>
</div> </view>
<div class="merchantItem_right_con_right" @click="toJump(item)"> <view class="merchantItem_right_con_right" @click="toJump(item)">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_review.png" <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_review.png"
mode="aspectFill"></image> mode="aspectFill"></image>
点评 点评
</div> </view>
</div> </view>
<div class="merchantItem_right_add"> <view class="merchantItem_right_add">
{{ item.comAddress }} {{ item.comAddress }}
</div> </view>
</div> </view>
</div> </view>
</div> </view>
</view> </view>
<view class="more" v-if="flag">下拉加载后续10条，共计{{ bottomTotal }}条</view> <view class="more" v-if="flag">下拉加载后续10条，共计{{ bottomTotal }}条</view>
@ -242,6 +242,7 @@ export default {
}, //2.注册组件 }, //2.注册组件
data() { data() {
return { return {
showNav: true,
isShowSearch: false, isShowSearch: false,
loading: false, loading: false,