wangzimeng/zhongtuanCatering
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1、招租列表的主图位移问题：足迹和食堂招租页面的存在有平台推荐和非推荐的标签显示所以会存在错位

Browse Source 
2、发布页面的按钮触底
3、优惠券的满减券列表的布局
This commit is contained in:
wangzimeng 2025-08-06 14:41:13 +08:00
parent 986eee5e7f
commit e96d67023b
5 changed files with 57 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
pages/canteenRent/rentList.vue
View File

@ -29,7 +29,8 @@
style="width: auto; position: relative;display: flex;justify-content: flex-start;align-items: center;"> style="width: auto; position: relative;display: flex;justify-content: flex-start;align-items: center;">
<view <view
style="max-width: 110rpx; position: relative;font-size: 28rpx;font-weight: 400;color: #999999;line-height: 32rpx;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"> style="max-width: 110rpx; position: relative;font-size: 28rpx;font-weight: 400;color: #999999;line-height: 32rpx;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
{{dictLabel || '标签'}}</view> {{dictLabel || '标签'}}
</view>
<image style="width: 27rpx;height: 27rpx;margin-left: 6rpx;" <image style="width: 27rpx;height: 27rpx;margin-left: 6rpx;"
src="https://jiangxiaoxian.0rui.cn/rentMore.png" mode=""></image> src="https://jiangxiaoxian.0rui.cn/rentMore.png" mode=""></image>
</view> </view>
@ -48,13 +49,16 @@
@refresherrefresh="onS" scroll-y="true" class="flex align-items" @refresherrefresh="onS" scroll-y="true" class="flex align-items"
style="height: 1250rpx;box-sizing: border-box;"> style="height: 1250rpx;box-sizing: border-box;">
<view class="recommend-box"> <view class="recommend-box">
<view class="rrecommList" > <view class="rrecommList">
<view class="reListItem" v-for="(item,index) in rentList" :key="index" @click="toDetail(item)"> <view class="reListItem" v-for="(item,index) in rentList" :key="index" @click="toDetail(item)">
<!-- 左侧图片 --> <!-- 左侧图片 -->
<view class="listItem-images"> <view class="listItem-images">
<image v-if="item.recommend == 1" <image v-if="item.recommend == 1"
style="width: 77rpx;height: 36rpx;z-index: 100;position: relative;top: 34rpx;left: 0rpx;" style="width: 77rpx;height: 36rpx;z-index: 100;position: relative;top: 34rpx;left: 0rpx;"
src="https://jiangxiaoxian.0rui.cn/hot.png"></image> src="https://jiangxiaoxian.0rui.cn/hot.png"></image>
<image v-if="item.recommend != 1"
style="width: 77rpx;height: 36rpx;z-index: 100;position: relative;top: 34rpx;left: 0rpx;"
src=""></image>
<image class="iamges-mainImg" :src="item.images[0]"></image> <image class="iamges-mainImg" :src="item.images[0]"></image>
</view> </view>
<!-- 右侧内容 --> <!-- 右侧内容 -->
@ -72,14 +76,14 @@
<view style="display: flex;"> <view style="display: flex;">
<image style="width: 24rpx;height: 24rpx;" <image style="width: 24rpx;height: 24rpx;"
src="https://jiangxiaoxian.0rui.cn/locationList.png"></image> src="https://jiangxiaoxian.0rui.cn/locationList.png"></image>
<view class="title3" style="margin-left: 10rpx;">{{item.address_city_text}} <view class="title3" style="margin-left: 6rpx;">{{item.address_city_text}}
</view> </view>
</view> </view>
<view class="title3">{{item.release_time_text}}</view> <view class="title3">{{item.release_time_text}}</view>
<view style="display: flex;align-items: center;justify-content: center;"> <view style="display: flex;align-items: center;justify-content: center;">
<image style="width: 26rpx;height: 20rpx;" <image style="width: 26rpx;height: 20rpx;"
src="https://jiangxiaoxian.0rui.cn/eye.png"></image> src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
<view class="title3" style="margin-left: 10rpx;">{{item.views}}</view> <view class="title3" style="margin-left: 6rpx;">{{item.views}}</view>
</view> </view>
</view> </view>
</view> </view>
@ -239,7 +243,7 @@
if (res.data && res.data.list) { if (res.data && res.data.list) {
// rentList.value = res.data.list; // rentList.value = res.data.list;
rentList.value =[...rentList.value,...res.data.list]; rentList.value = [...rentList.value, ...res.data.list];
rentCount.value = res.data.count; rentCount.value = res.data.count;
// Safely process each item // Safely process each item
rentList.value = rentList.value.map(item => { rentList.value = rentList.value.map(item => {
@ -281,7 +285,7 @@
title: '加载中...' title: '加载中...'
}); });
resetLists(); resetLists();
setTimeout(() => { setTimeout(() => {
homrS.value = false; homrS.value = false;
uni.hideLoading(); uni.hideLoading();
@ -294,14 +298,13 @@
rentList.value = []; rentList.value = [];
getList(); getList();
} }
function toDetail(e){ function toDetail(e) {
console.log('跳转详情',e); console.log('跳转详情', e);
uni.navigateTo({ uni.navigateTo({
url:'/pages/canteenRent/rentDetail?id=' + e.id url: '/pages/canteenRent/rentDetail?id=' + e.id
}) })
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -311,7 +314,7 @@
background-color: #fff; background-color: #fff;
display: grid; display: grid;
border-radius: 18rpx; border-radius: 18rpx;
.contactedBox { .contactedBox {
width: 660rpx; width: 660rpx;
height: 325rpx; height: 325rpx;
@ -321,7 +324,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.contactBtn { .contactBtn {
width: 660rpx; width: 660rpx;
height: 92rpx; height: 92rpx;
@ -329,7 +332,7 @@
display: flex; display: flex;
border-radius: 0 0 18rpx 18rpx; border-radius: 0 0 18rpx 18rpx;
// margin-top: 40rpx; // margin-top: 40rpx;
.tactBtnBox { .tactBtnBox {
width: 330rpx; width: 330rpx;
height: 92rpx; height: 92rpx;
@ -338,7 +341,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.tactBtnBox2 { .tactBtnBox2 {
width: 330rpx; width: 330rpx;
height: 92rpx; height: 92rpx;
@ -348,9 +351,9 @@
justify-content: center; justify-content: center;
} }
} }
} }
.search-result { .search-result {
padding-top: 10px; padding-top: 10px;
padding-bottom: 20px; padding-bottom: 20px;

5
pages/coupon/list.vue
View File

@ -255,6 +255,8 @@
} }
onShow(() => { onShow(() => {
couponFullList.value = []
couponTimesList.value = []
getCouponFullList(); getCouponFullList();
}); });
</script> </script>
@ -344,7 +346,8 @@
.couponsListFull { .couponsListFull {
// width: 690rpx; // width: 690rpx;
display: grid; padding: 0 30rpx;
// display: grid;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
min-height: 80vh; min-height: 80vh;

2
pages/index/fabu.vue
View File

@ -952,7 +952,7 @@
.bottomBtn { .bottomBtn {
width: 750rpx; width: 750rpx;
height: 200rpx; // height: 200rpx;
background: #FFFFFF; background: #FFFFFF;
border-radius: 0rpx 0rpx 0rpx 0rpx; border-radius: 0rpx 0rpx 0rpx 0rpx;
position: fixed; position: fixed;

6
pages/user/goods-collect.vue
View File

@ -36,7 +36,7 @@
<view class="cons-third"> <view class="cons-third">
<image style="width: 24rpx;height: 24rpx;" <image style="width: 24rpx;height: 24rpx;"
src="https://jiangxiaoxian.0rui.cn/locationList.png"></image> src="https://jiangxiaoxian.0rui.cn/locationList.png"></image>
<view class="title3" style="margin-left: 10rpx;">{{item.address_city_text}} <view class="title3" style="margin-left: 6rpx;">{{item.address_city_text}}
</view> </view>
</view> </view>
</view> </view>
@ -409,14 +409,14 @@
height: 190rpx; height: 190rpx;
position: relative; position: relative;
right: 0rpx; right: 0rpx;
bottom: 18rpx; bottom: 0rpx;
z-index: 1; z-index: 1;
} }
} }
.listItem-contents { .listItem-contents {
width: 300rpx; width: 326rpx;
height: auto; height: auto;
margin-left: 20rpx; margin-left: 20rpx;

55
pages/user/goods-log.vue
View File

@ -14,6 +14,9 @@
<image v-if="e.information.recommend == 1" <image v-if="e.information.recommend == 1"
style="width: 77rpx;height: 36rpx;z-index: 100;position: relative;top: 34rpx;left: 0rpx;" style="width: 77rpx;height: 36rpx;z-index: 100;position: relative;top: 34rpx;left: 0rpx;"
src="https://jiangxiaoxian.0rui.cn/hot.png"></image> src="https://jiangxiaoxian.0rui.cn/hot.png"></image>
<image v-if="e.information.recommend != 1"
style="width: 77rpx;height: 36rpx;z-index: 100;position: relative;top: 34rpx;left: 0rpx;"
src=""></image>
<image class="iamges-mainImg" :src="e.information.images[0]"></image> <image class="iamges-mainImg" :src="e.information.images[0]"></image>
</view> </view>
<!-- 右侧内容 --> <!-- 右侧内容 -->
@ -32,7 +35,7 @@
<view style="display: flex;"> <view style="display: flex;">
<image style="width: 24rpx;height: 24rpx;" <image style="width: 24rpx;height: 24rpx;"
src="https://jiangxiaoxian.0rui.cn/locationList.png"></image> src="https://jiangxiaoxian.0rui.cn/locationList.png"></image>
<view class="title3" style="margin-left: 10rpx;"> <view class="title3" style="margin-left: 6rpx;">
{{e.information.address_city_text}} {{e.information.address_city_text}}
</view> </view>
</view> </view>
@ -40,7 +43,7 @@
<view style="display: flex;"> <view style="display: flex;">
<image style="width: 26rpx;height: 20rpx;" <image style="width: 26rpx;height: 20rpx;"
src="https://jiangxiaoxian.0rui.cn/eye.png"></image> src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
<view class="title3" style="margin-left: 10rpx;">{{e.information.views}} <view class="title3" style="margin-left: 6rpx;">{{e.information.views}}
</view> </view>
</view> </view>
</view> </view>
@ -126,26 +129,26 @@
}); });
console.log('足迹返值', res); console.log('足迹返值', res);
if (res.code == 1) { if (res.code == 1) {
if(listQuery.value.page == 1) { if (listQuery.value.page == 1) {
feetHisList.value = res.data.list; feetHisList.value = res.data.list;
}else { } else {
if (feetHisList.value.length > 0 && res.data.list.length > 0) { if (feetHisList.value.length > 0 && res.data.list.length > 0) {
const lastItemOfPrevPage = feetHisList.value[feetHisList.value.length - 1]; const lastItemOfPrevPage = feetHisList.value[feetHisList.value.length - 1];
const firstItemOfNewPage = res.data.list[0]; const firstItemOfNewPage = res.data.list[0];
// 判断日期是否相同 // 判断日期是否相同
if (isSameDate(lastItemOfPrevPage.date, firstItemOfNewPage.date)) { if (isSameDate(lastItemOfPrevPage.date, firstItemOfNewPage.date)) {
// 合并相同日期的数据 // 合并相同日期的数据
lastItemOfPrevPage.log = [...lastItemOfPrevPage.log, ...firstItemOfNewPage.log]; lastItemOfPrevPage.log = [...lastItemOfPrevPage.log, ...firstItemOfNewPage.log];
// 添加剩余的数据 // 添加剩余的数据
feetHisList.value = [...feetHisList.value, ...res.data.list.slice(1)]; feetHisList.value = [...feetHisList.value, ...res.data.list.slice(1)];
} else { } else {
// 日期不同，直接拼接 // 日期不同，直接拼接
feetHisList.value = [...feetHisList.value, ...res.data.list]; feetHisList.value = [...feetHisList.value, ...res.data.list];
} }
} else { } else {
feetHisList.value = [...feetHisList.value, ...res.data.list]; feetHisList.value = [...feetHisList.value, ...res.data.list];
} }
} }
// feetHisList.value = [...feetHisList.value, ...res.data.list] // feetHisList.value = [...feetHisList.value, ...res.data.list]
feetCount.value = res.data.count feetCount.value = res.data.count
@ -153,10 +156,10 @@
} }
} }
// 辅助函数：比较两个日期是否相同 // 辅助函数：比较两个日期是否相同
function isSameDate(date1, date2) { function isSameDate(date1, date2) {
return date1 === date2; return date1 === date2;
} }
//加载更多 //加载更多
@ -188,11 +191,11 @@
loadStatus.value = "loading"; loadStatus.value = "loading";
getFeetList(); getFeetList();
} }
function toDetail(e){ function toDetail(e) {
console.log('跳转详情',e); console.log('跳转详情', e);
uni.navigateTo({ uni.navigateTo({
url:'/pages/canteenRent/rentDetail?id=' + e.id url: '/pages/canteenRent/rentDetail?id=' + e.id
}) })
} }