Compare commits

...

2 Commits

Author SHA1 Message Date
485e45e123 1、所有的招租列表主图展示裁剪格式为aspectFill
2、招租详情的轮播图的定时切换取消掉,图片高度设置为750rpx
3、数据展示有问题,不是筛选后的结果
2025-08-06 17:13:43 +08:00
2de4c5fbb2 招租列表的主图加圆角 2025-08-06 15:34:01 +08:00
9 changed files with 38 additions and 31 deletions

View File

@ -36,7 +36,7 @@
<image v-if="item.recommend == 1"
style="width: 77rpx;height: 36rpx;z-index: 100;position: relative;top: 34rpx;left: 0rpx;"
src="https://jiangxiaoxian.0rui.cn/hot.png"></image>
<image class="iamges-mainImg" :src="item.images[0]"></image>
<image class="iamges-mainImg" :src="item.images[0]" mode="aspectFill"></image>
</view>
<!-- 右侧内容 -->
<view class="listItem-contents">

View File

@ -5,12 +5,12 @@
<view class="swiper-box">
<view class="swiper_s">
<swiper class="swiper_s" :circular="true" :autoplay="true" :indicator-dots="false" :current="currentImgIndex"
@change="swiperChange" :duration="2000" @animationfinish="animationfinish">
@change="swiperChange" @animationfinish="animationfinish">
<!-- v-for="(item, index) in swiperList" :key="index" @click="openSwiper(item)"-->
<swiper-item style="margin: 0 auto;" v-for="(item,index) in imageList" :key="index">
<view style="position: relative;width: 100%;height: 100%;"
>
<image class="swiper-image" :src="item" />
<image class="swiper-image" :src="item" mode="widthFix"/>
</view>
</swiper-item>
@ -449,15 +449,14 @@
.swiper-box {
width: 100%;
// padding: 0 30rpx;
// display: grid;
// justify-content: center;
height: 750rpx;
// height: auto;
position: relative;
.swiper_s {
width: 100%;
height: 100%;
height: 750rpx;
// height: 100%;
// display: grid;
// justify-content: center;

View File

@ -59,7 +59,7 @@
<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]" mode="aspectFill"></image>
</view>
<!-- 右侧内容 -->
<view class="listItem-contents">
@ -190,6 +190,7 @@
console.log('onRegionConfirm33', state.model, proCity.value);
listQuery.value.province = state.model.province_id
listQuery.value.city = state.model.city_id
rentList.value = []
getList()
state.showRegion = false;
};
@ -221,6 +222,7 @@
listQuery.value.cate_ids = tagList.value[e.detail.value].id;
dictLabel.value = tagList.value[e.detail.value].name;
console.log('标签', listQuery.value);
rentList.value = []
getList(listQuery.value);
}
@ -272,7 +274,7 @@
}
//
function onScrolltolower() {
if (rentList.value.length < classCount.value) {
if (rentList.value.length < rentCount.value) {
listQuery.value.page += 1;
getList();
}
@ -470,6 +472,7 @@
right: 0rpx;
bottom: 18rpx;
z-index: 1;
border-radius: 12rpx;
}
}

View File

@ -82,6 +82,7 @@
<!-- 图片 -->
<s-uploader v-model:url="state.formData.images" fileMediatype="image" limit="9" mode="grid"
:imageStyles="{ width: '168rpx', height: '168rpx'}"></s-uploader>
<view style="color: red;margin-top: 10rpx;font-size: 24rpx;">请上传尺寸大小为390*390的图片</view>
</view>
<span class="line-row" style="margin: 30rpx 0;"></span>

View File

@ -90,7 +90,7 @@
<image v-if="item.recommend == 1"
style="width: 77rpx;height: 36rpx;z-index: 100;position: relative;top: 34rpx;left: 0rpx;"
src="https://jiangxiaoxian.0rui.cn/hot.png"></image>
<image class="iamges-mainImg" :src="item.images[0]"></image>
<image class="iamges-mainImg" :src="item.images[0]" mode="aspectFill"></image>
</view>
<!-- 右侧内容 -->
<view class="listItem-contents">
@ -619,7 +619,7 @@
right: 0rpx;
bottom: 18rpx;
z-index: 1;
border-radius: 12rpx;
}
}

View File

@ -207,7 +207,7 @@
background-size: 100%;
padding: 30rpx;
display: grid;
margin-bottom: 30rpx;
// margin-bottom: 30rpx;
.locTop {
width: 96%;

View File

@ -20,7 +20,10 @@
<image v-if="item.recommend == 1"
style="width: 77rpx;height: 36rpx;z-index: 100;position: relative;top: 34rpx;left: 0rpx;"
src="https://jiangxiaoxian.0rui.cn/hot.png"></image>
<image class="iamges-mainImg" :src="item.images[0]"></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]" mode="aspectFill"></image>
</view>
<!-- 右侧内容 -->
<view class="listItem-contents">
@ -71,7 +74,8 @@
<view class="exchangeBtn" v-if="item.is_collect == 1" @click="classCollect(item,index)">
取消收藏
</view>
<view class="exchangeBtn1" v-if="item.is_collect == 0" @click="classCollect(item,index)">
<view class="exchangeBtn1" v-if="item.is_collect == 0"
@click="classCollect(item,index)">
收藏
</view>
</view>
@ -303,7 +307,7 @@
}
//
function classCollect(item,index) {
function classCollect(item, index) {
console.log('收藏', item.is_collect);
if (item.is_collect == 1) {
collectSchoolList.value[index].is_collect = 0
@ -312,10 +316,10 @@
is_collect: item.is_collect
}
sheep.$api.school.classesCollect(data).then((res) => {
if(res.code == 1) {
if (res.code == 1) {
uni.showToast({
title:'已取消收藏',
icon:'none',
title: '已取消收藏',
icon: 'none',
duration: 2000,
})
}
@ -327,10 +331,10 @@
is_collect: item.is_collect
}
sheep.$api.school.classesCollect(data1).then((res) => {
if(res.code == 1) {
if (res.code == 1) {
uni.showToast({
title:'已收藏',
icon:'none',
title: '已收藏',
icon: 'none',
duration: 2000,
})
}
@ -409,9 +413,9 @@
height: 190rpx;
position: relative;
right: 0rpx;
bottom: 0rpx;
bottom: 18rpx;
z-index: 1;
border-radius: 12rpx;
}
}

View File

@ -17,7 +17,7 @@
<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]" mode="aspectFill"></image>
</view>
<!-- 右侧内容 -->
<view class="listItem-contents">
@ -294,7 +294,7 @@
right: 0rpx;
bottom: 18rpx;
z-index: 1;
border-radius: 12rpx;
}
}

View File

@ -17,7 +17,7 @@
<view class="reItemCon">
<!-- 左侧图片 -->
<view class="listItem-images">
<image class="iamges-mainImg" :src="item.images[0]" mode=""></image>
<image class="iamges-mainImg" :src="item.images[0]" mode="aspectFill"></image>
</view>
<!-- 右侧内容 -->
<view class="listItem-contents">
@ -65,7 +65,7 @@
<image v-if="item.status == 0"
style="width: 151rpx;height: 210rpx;z-index: 100;position: relative;top: 78rpx;right: 15rpx;"
src="https://jiangxiaoxian.0rui.cn/releasePanding.png"></image>
<image class="iamges-mainImg" :src="item.images[0]" mode=""></image>
<image class="iamges-mainImg" :src="item.images[0]" mode="aspectFill"></image>
</view>
<!-- 右侧内容 -->
<view class="listItem-contents">
@ -115,7 +115,7 @@
<image v-if="item.status == 2"
style="width: 151rpx;height: 210rpx;z-index: 100;position: relative;top: 78rpx;right: 15rpx;"
src="https://jiangxiaoxian.0rui.cn/releaseFail.png"></image>
<image class="iamges-mainImg" :src="item.images[0]"></image>
<image class="iamges-mainImg" :src="item.images[0]" mode="aspectFill"></image>
</view>
<!-- 右侧内容 -->
<view class="listItem-contents">