diff --git a/components/tab-bar/delivery.vue b/components/tab-bar/delivery.vue
index 8b0f9b0..aeefd31 100644
--- a/components/tab-bar/delivery.vue
+++ b/components/tab-bar/delivery.vue
@@ -127,12 +127,14 @@
 									<view class="">
 										{{item.shopName}}
 									</view>
-									<view @tap="productDetail(item)" v-if="item.deliveryType == 1"
-										style="width: 32rpx;height: 30rpx;font-weight: 700;font-size: 20rpx;color: #fff;text-align: center;background: #00BFFF;border-radius: 10rpx;margin: 20rpx 0 0 10rpx;line-height: 30rpx;">
-										祥
-									</view>
-									<view style="color: #777;">
-									{{item.shopAddress}}
+									<view class="shop-address-row">
+										<view @tap="productDetail(item)" v-if="item.deliveryType == 1"
+											class="detail-tag">
+											祥
+										</view>
+										<view class="shop-address">
+											{{item.shopAddress}}
+										</view>
 									</view>
 								</view>
 								<view class="right">
@@ -179,8 +181,10 @@
 							</view>
 						</view>
 					</view>
-					<view v-if="item.isReturn != null && item.isReturn == 1" style="width: 100%;height: 100rpx;margin-top: 32rpx;">
-						用户申请 退款中
+					<view v-if="item.isReturn != null && item.isReturn == 1" class="refund-status">
+						<view class="refund-status-text">
+							用户申请退款中
+						</view>
 					</view>
 					<view v-else style="width: 100%;height: 100rpx;margin-top: 32rpx;">
 						<img v-if="item.status == 1 && item.arriveTime == null" src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/d649c22310874f19a74cf8dfbb1c7240.png"
@@ -850,6 +854,56 @@
 		width: 60rpx;
 		padding-top: 20rpx;
 	}
+	
+	.shop-address-row {
+		display: flex;
+		align-items: center;
+		width: 100%;
+		min-width: 0;
+		margin-top: 8rpx;
+	}
+	
+	.detail-tag {
+		width: 32rpx;
+		height: 30rpx;
+		line-height: 30rpx;
+		flex-shrink: 0;
+		font-weight: 700;
+		font-size: 20rpx;
+		color: #fff;
+		text-align: center;
+		background: #00BFFF;
+		border-radius: 10rpx;
+		margin-right: 10rpx;
+	}
+	
+	.shop-address {
+		flex: 1;
+		min-width: 0;
+		color: #777;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	
+	.refund-status {
+		width: 100%;
+		height: 100rpx;
+		margin-top: 32rpx;
+		display: flex;
+		align-items: center;
+	}
+	
+	.refund-status-text {
+		height: 56rpx;
+		line-height: 56rpx;
+		padding: 0 24rpx;
+		background: rgba(255, 117, 88, 0.12);
+		color: #ff4d35;
+		border: 1px solid rgba(255, 117, 88, 0.35);
+		border-radius: 16rpx;
+		font-weight: 700;
+	}
 
 	.guize-list {
 		width: 600rpx;