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

1、所有的招租列表主图展示裁剪格式为aspectFill

Browse Source 
2、招租详情的轮播图的定时切换取消掉，图片高度设置为750rpx
3、数据展示有问题，不是筛选后的结果
This commit is contained in:
wangzimeng 2025-08-06 17:13:43 +08:00
parent 2de4c5fbb2
commit 485e45e123
9 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packageA/search/index.vue
View File

@ -36,7 +36,7 @@
<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 class="iamges-mainImg" :src="item.images[0]"></image> <image class="iamges-mainImg" :src="item.images[0]" mode="aspectFill"></image>
</view> </view>
<!-- 右侧内容 --> <!-- 右侧内容 -->
<view class="listItem-contents"> <view class="listItem-contents">

11
pages/canteenRent/rentDetail.vue
View File

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

6
pages/canteenRent/rentList.vue
View File

@ -59,7 +59,7 @@
<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=""></image> src=""></image>
<image class="iamges-mainImg" :src="item.images[0]"></image> <image class="iamges-mainImg" :src="item.images[0]" mode="aspectFill"></image>
</view> </view>
<!-- 右侧内容 --> <!-- 右侧内容 -->
<view class="listItem-contents"> <view class="listItem-contents">
@ -190,6 +190,7 @@
console.log('onRegionConfirm33', state.model, proCity.value); console.log('onRegionConfirm33', state.model, proCity.value);
listQuery.value.province = state.model.province_id listQuery.value.province = state.model.province_id
listQuery.value.city = state.model.city_id listQuery.value.city = state.model.city_id
rentList.value = []
getList() getList()
state.showRegion = false; state.showRegion = false;
}; };
@ -221,6 +222,7 @@
listQuery.value.cate_ids = tagList.value[e.detail.value].id; listQuery.value.cate_ids = tagList.value[e.detail.value].id;
dictLabel.value = tagList.value[e.detail.value].name; dictLabel.value = tagList.value[e.detail.value].name;
console.log('标签', listQuery.value); console.log('标签', listQuery.value);
rentList.value = []
getList(listQuery.value); getList(listQuery.value);
} }
@ -272,7 +274,7 @@
} }
//加载更多 //加载更多
function onScrolltolower() { function onScrolltolower() {
if (rentList.value.length < classCount.value) { if (rentList.value.length < rentCount.value) {
listQuery.value.page += 1; listQuery.value.page += 1;
getList(); getList();
} }

1
pages/index/fabu.vue
View File

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

2
pages/index/index.vue
View File

@ -90,7 +90,7 @@
<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 class="iamges-mainImg" :src="item.images[0]"></image> <image class="iamges-mainImg" :src="item.images[0]" mode="aspectFill"></image>
</view> </view>
<!-- 右侧内容 --> <!-- 右侧内容 -->
<view class="listItem-contents"> <view class="listItem-contents">

2
pages/school/schoolIndex.vue
View File

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

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

@ -23,7 +23,7 @@
<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=""></image> src=""></image>
<image class="iamges-mainImg" :src="item.images[0]"></image> <image class="iamges-mainImg" :src="item.images[0]" mode="aspectFill"></image>
</view> </view>
<!-- 右侧内容 --> <!-- 右侧内容 -->
<view class="listItem-contents"> <view class="listItem-contents">

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

@ -17,7 +17,7 @@
<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=""></image> 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>
<!-- 右侧内容 --> <!-- 右侧内容 -->
<view class="listItem-contents"> <view class="listItem-contents">

6
pages/user/myRelease/list.vue
View File

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