我的车辆图片显示问题

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="scroll-container">
<!-- 顶部图片 --> <!-- 顶部图片 -->
<view class="top-img"> <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>
<!-- 选项卡 --> <!-- 选项卡 -->

View File

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

View File

@@ -48,7 +48,7 @@
</view> </view>
</view> </view>
<view class="right"> <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> class="imgItem" mode="aspectFill"></image>
</view> </view>
</view> </view>

View File

@@ -74,7 +74,7 @@
车辆信息 车辆信息
</view> </view>
<view class="empty-state"> <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> <text class="empty-text">暂无绑定车辆</text>
</view> </view>
</view> </view>

View File

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

View File

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