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