修改样式

pagesFinance/preengaged/preengagedListDetails.vue

@@ -8,7 +8,14 @@
 		<view class="reverse-time">
 			<view class="time">
 				预留30分钟
+				<view class="img-box">
+					<img src="../../assets/img/finished.png" alt="">
+				</view>
 			</view>
+			<!-- 已取消/已拒绝 -->
+		<!-- 	<view class="time refused">
+				已取消
+			</view> -->
 			<view class="details-item">
 				<view class="item">
 					<view class="item-name">
@@ -42,11 +49,11 @@
 		<!-- 充电桩详情 -->
 		<view class="charge-pile">
 			<view class="box">
-				<view class="name">
+				<view class="name ellipsis">
 					荆鹏软件园充电站/1号快充桩
 				</view>
-				<view class="address">
-					湖北省荆州市沙市区江津东路附155号
+				<view class="address ellipsis">
+			湖北省荆州市沙市区江津东路附155号
 				</view>
 				<text class="iconfont more">
 					&#xe600;
@@ -101,7 +108,8 @@
 		<view class="bottom">
 			<u-button shape='circle' class="refuse-btn">拒绝</u-button>
 			<u-button type="success" shape='circle'>确认</u-button>
-			
+			<!-- 删除订单按钮 -->
+			<!-- <u-button shape='circle' class="cancel-btn">删除订单</u-button> -->
 		</view>
 	</view>
 </template>
@@ -145,12 +153,28 @@
 			color: rgba(0, 185, 98, 100);
 			font-size: 36px;
 			text-align: center;
+			position: relative;
+			.img-box{
+				width: 72px;
+				height: 72px;
+				img{
+					width: 72px;
+					height: 72px;
+					position: absolute;
+					top: -12px;
+					right: -2px;
+				}
+			}
+		}
+		.refused{
+			color: #666666;
 		}
+		
 
 	}
 
 	.details-item {
-		margin-top: 32px;
+		margin-top: 40px;
 		padding-right: 16px;
 		padding-bottom: 12px;
 
@@ -180,15 +204,22 @@
 				color: #b3b3b3;
 			}
 		}
-
+	
 		.name {
+			width: 90%;
 			line-height: 18px;
 			color: rgba(16, 16, 16, 100);
 			font-size: 18px;
 			font-weight: 600;
 		}
+		.ellipsis{
+			white-space: nowrap;
+			text-overflow: ellipsis;
+			overflow: hidden;
+		}
 
 		.address {
+			width: 90%;
 			line-height: 20px;
 			color: rgba(51, 51, 51, 100);
 			margin-top: 4px;
@@ -243,5 +274,10 @@
 		font-size: 18px;
 		
 	}
+	.cancel-btn{
+		width: 91.4%;
+		background-color: #dbdbdb;
+		color: #666666
+	}
 }
 </style>