qzw_xcx/pages/myCenter/information.vue

<template>
	<view>
		 
		  <view class="hotelcontent">
			 <view class="contentleft">
				  <image style="width: 100%;height: 100%;"></image>
			  </view>
			  <view class="contentitle">
				  <view>催单信息</view>
				  <view >舒适宽敞</view>
				  <view>订单号：hiuadhiahiaubfaba</view>
				  <view style="text-align: right;">20.1-14.52</view>
			  </view>
			  
		  </view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.hotelcontent {
		display: flex;
		flex-direction: row;
		padding: 18upx 32upx;
		border-bottom: 10upx solid #F5F5F5;
	
		.contentleft {
			width: 200upx;
			height: 180upx;
			background-color: red;
			
		}
		.contentitle {
			width: 100%;
			padding-left: 35upx;
			color: #909399;	
			view {
				padding-bottom: 12upx;
			}
			.contentip {
				float: left;
				color: #909399;
				padding-top: 15upx;
				font-size: 24upx;
			}
		}
	}
</style>