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

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

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 => {
@ -295,13 +299,12 @@
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>

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;

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;

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;

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,9 +129,9 @@
}); });
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];
@ -189,10 +192,10 @@
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
}) })
} }