我的车辆图片显示问题
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user