我的车辆图片显示问题

This commit is contained in:
zhouyanli
2026-08-31 17:57:15 +08:00
parent c754d075e6
commit 9df68da253
6 changed files with 18 additions and 11 deletions

View File

@@ -5,7 +5,7 @@
<view class="scroll-container">
<!-- 顶部图片 -->
<view class="top-img">
<image class="banner-img" src="http://wuye.ckdzkj.com/images/home/banner.png" mode="aspectFill"></image>
<image class="banner-img" src="https://wuye.ckdzkj.com/images/home/banner.png" mode="aspectFill"></image>
</view>
<!-- 选项卡 -->

View File

@@ -7,12 +7,15 @@
<text class="empty-text">暂无数据</text>
</view>
<view class="car-item" v-for="(item, index) in carList" :key="index" @click="handleItemClick(item, index)">
<image :src="item.carImageUrl" mode="aspectFill" class="car-avatar"
@error="item.carImageUrl = defaultCarImg" />
<image :src="item.carImageUrl" mode="scaleToFill" class="car-avatar" v-if="item.carImageUrl"/>
<image :src="defaultCarImg" mode="aspectFill" class="car-avatar-default" v-if="!item.carImageUrl"/>
<view class="car-info">
<view>
<view class="car-plate">{{ item.carNum }}</view>
<view class="car-model">{{ item.carBrand }}·{{ item.carColor }}</view>
<view class="car-model">{{ item.carBrand }}
<text v-if="item.carBrand && item.carColor">·</text>
{{ item.carColor }}
</view>
</view>
<view class="car-bindParkingSpace">{{ item.villageName }}</view>
</view>
@@ -43,7 +46,7 @@
onReachBottom
} from '@dcloudio/uni-app'
const statusBarHeight = ref(20)
const defaultCarImg = "http://47.104.199.163:9090/images/propertyImgs/defaultCarImg.png"
const defaultCarImg = "https://wuye.ckdzkj.com/images/propertyImgs/defaultCarImg.png"
const carList = ref([])
const loadingMore = ref(false)
const noMoreData = ref(false)
@@ -204,10 +207,15 @@
width: 100rpx;
height: 100rpx;
border-radius: 50%;
background-color: #f0f4ff;
margin-right: 24rpx;
flex-shrink: 0;
}
.car-avatar-default{
width: 80rpx;
height: 80rpx;
margin-right: 36rpx;
flex-shrink: 0;
}
.car-info {
flex: 1;

View File

@@ -48,7 +48,7 @@
</view>
</view>
<view class="right">
<image :src="item.carImageUrl?item.carImageUrl:'http://47.104.199.163:9090/images/propertyImgs/myParkingSpace.png'"
<image :src="item.carImageUrl?item.carImageUrl:'https://wuye.ckdzkj.com/images/propertyImgs/myParkingSpace.png'"
class="imgItem" mode="aspectFill"></image>
</view>
</view>

View File

@@ -74,7 +74,7 @@
车辆信息
</view>
<view class="empty-state">
<uni-icons type="info" size="60" color="#ccc"></uni-icons>
<uni-icons type="info" size="30" color="#ccc"></uni-icons>
<text class="empty-text">暂无绑定车辆</text>
</view>
</view>

View File

@@ -253,8 +253,7 @@
overflow-y: auto;
padding: 0px 40rpx;
box-sizing: border-box;
background-color: #
/* fff */
/* background-color: #fff */
;
}

View File

@@ -222,7 +222,7 @@ const handleBatchPay = () => {
if (!wx.launchMiniProgram) return uni.showToast({ title: '当前微信版本太低,不支持拉起小程序', icon: 'none' })
wx.launchMiniProgram({
id: 'gh_a765aef0172c',
type: 1,
type: 1,//0正式版1开发版2体验版
path: 'pages/arrearsPayment/arrearsPayment?' + query,
}, (res) => {
console.log('小程序回调:', JSON.stringify(res))