Parcourir la source

消息页面样式修改

xiaoxin il y a 2 ans
Parent
commit
38d228cb16
2 fichiers modifiés avec 14 ajouts et 10 suppressions
  1. 13 9
      pagesRepairs/message/message.vue
  2. 1 1
      pagesRepairs/repairDetails/repairDetails.vue

+ 13 - 9
pagesRepairs/message/message.vue

@@ -9,7 +9,9 @@
 					<img src="../../static/images/repairsImg/msg.png" />
 					<img src="../../static/images/repairsImg/msg.png" />
 				</view>
 				</view>
 				<view class="info_msg">
 				<view class="info_msg">
-					<view class="msg_title">{{ item.content }}</view>
+					<view class="msg_title">
+						{{ item.content }}
+					</view>
 					<view class="msg_order">订单号:{{ item.recordNo }}</view>
 					<view class="msg_order">订单号:{{ item.recordNo }}</view>
 				</view>
 				</view>
 			</view>
 			</view>
@@ -112,7 +114,7 @@ export default {
 
 
 	.box {
 	.box {
 		margin-top: 10rpx;
 		margin-top: 10rpx;
-		height: 194rpx;
+		// height: 194rpx;
 		background-color: #fff;
 		background-color: #fff;
 
 
 		.box_time {
 		.box_time {
@@ -125,10 +127,12 @@ export default {
 
 
 		.box_info {
 		.box_info {
 			display: flex;
 			display: flex;
-			align-items: center;
+			// align-items: center;
 			margin-left: 30rpx;
 			margin-left: 30rpx;
+			padding: 10rpx 0 30rpx;
 
 
 			.info_circle {
 			.info_circle {
+				margin-top: 30rpx;
 				width: 16rpx;
 				width: 16rpx;
 				height: 16rpx;
 				height: 16rpx;
 				border-radius: 50%;
 				border-radius: 50%;
@@ -145,8 +149,8 @@ export default {
 				height: 90rpx;
 				height: 90rpx;
 
 
 				img {
 				img {
-					width: 100%;
-					height: 100%;
+					width: 90rpx;
+					height: 90rpx;
 				}
 				}
 			}
 			}
 
 
@@ -157,13 +161,13 @@ export default {
 				.msg_title {
 				.msg_title {
 					font-size: 32rpx;
 					font-size: 32rpx;
 					font-weight: bold;
 					font-weight: bold;
-					overflow: hidden;
-					text-overflow: ellipsis;
-					white-space: nowrap;
+					// overflow: hidden;
+					// text-overflow: ellipsis;
+					// white-space: nowrap;
 				}
 				}
 
 
 				.msg_order {
 				.msg_order {
-					margin-top: 10rpx;
+					margin-top: 16rpx;
 					color: #808080;
 					color: #808080;
 					font-size: 24rpx;
 					font-size: 24rpx;
 				}
 				}

+ 1 - 1
pagesRepairs/repairDetails/repairDetails.vue

@@ -265,9 +265,9 @@ export default {
 		.box_value {
 		.box_value {
 			flex: 1;
 			flex: 1;
 			display: flex;
 			display: flex;
+			align-items: center;
 
 
 			img {
 			img {
-				margin-top: 5rpx;
 				margin-left: 10rpx;
 				margin-left: 10rpx;
 				width: 28rpx;
 				width: 28rpx;
 				height: 28rpx;
 				height: 28rpx;