update

pages/logistics_details/logistics_details.wxss

@@ -1,4 +1,45 @@
 /* pages/logistics_details/logistics_details.wxss */
+page {
+  background-color: #f2f2f2;
+}
+
+.packages-scroll {
+  display: flex;
+  flex-direction: row;
+  height: 128rpx;
+}
+
+.packages-scroll .package {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 200rpx;
+  height: 96rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  overflow: hidden;
+}
+
+.packages-scroll .package .icon {
+  width: 48rpx;
+  height: 48rpx;
+  margin-right: 4rpx;
+}
+
+.packages-scroll .package .active-indicator {
+  position: absolute;
+  height: 12rpx;
+  width: 100%;
+  bottom: 0;
+  left: 0;
+  background-color: #f85900;
+}
+
+.packages-scroll .package:not(:first-of-type) {
+  margin-left: 20rpx;
+}
+
 .record-item {
   /* padding-bottom: 48rpx; */
   display: flex;
@@ -6,6 +47,11 @@
   position: relative;
   padding-left: 48rpx;
 }
+.goods-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 
 .record-item:not(:last-child) {
   padding-bottom: 48rpx;
@@ -43,4 +89,4 @@
   width: 2rpx;
   background-color: gray;
   opacity: 50%;
-}
+}