wxThird/pages/index/paint.vue

<template>
	<view class="box">
		<view class="top">
			<view class="left">
				<image :src="item.brandLogo" mode="widthFix" class="brandLogo">
					<view class="car">奥迪 A5 2.0 双离合变速器(DCT)  2017 3.0...</view>
				</image>
			</view>
			<image src="../../static/img/rightArrow.png" mode="" style="width: 30rpx;height: 30rpx;"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.box{
		min-height: 100vh;
		background-color: #f4f5f7;
	}
	.top{
		
		background-color: #FFFFFF;
		padding: 30rpx 20rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.left{
		display: flex;
		align-items: center;
	}
	.car{
		
		font-size: 28rpx;
		
		color: #333333;
		line-height: 40rpx;
		/* 隐藏文字显示 ...不换行 */
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.brandLogo {
		width: 42rpx;
		height: 42rpx;
	}
</style>