MrShi
2026-04-28 bfd70830b78bc42e0a284baa044efacc29897cd5
small-program/unpackage/dist/dev/mp-weixin/pages/itinerary/itinerary.wxss
@@ -25,6 +25,77 @@
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.tabbar-wrapper.data-v-48eece8c {
  width: 100%;
}
.tabbar-placeholder.data-v-48eece8c {
  width: 100%;
}
.custom-tabbar.data-v-48eece8c {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100rpx;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-around;
  box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
  z-index: 999;
}
.tabbar-item.data-v-48eece8c {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.tabbar-icon.data-v-48eece8c {
  width: 48rpx;
  height: 48rpx;
}
.tabbar-text.data-v-48eece8c {
  font-size: 22rpx;
  color: #999999;
  margin-top: 4rpx;
}
.tabbar-text.active.data-v-48eece8c {
  color: #1ba8fa;
}
@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
 */
/* uni.scss */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.tc-contemt.data-v-3d3e0a9e {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.itinerary-page.data-v-3d3e0a9e {
  min-height: 100vh;
  background: #f7f7f7;
@@ -105,7 +176,6 @@
  overflow: hidden;
}
.order-head.data-v-3d3e0a9e {
  padding: 24rpx 30rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
@@ -117,10 +187,19 @@
.city-head-bg.data-v-3d3e0a9e {
  background: #fff4e8;
}
.head-local.data-v-3d3e0a9e,
.head-local.data-v-3d3e0a9e {
  flex: 1;
  padding: 24rpx 30rpx;
  min-width: 0;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #15B9F7 -20%, #ffffff 100%);
}
.head-city.data-v-3d3e0a9e {
  flex: 1;
  min-width: 0;
  padding: 24rpx 30rpx;
  background: linear-gradient(90deg, #FA8010 -20%, #ffffff 100%);
  display: flex;
  align-items: center;
}
@@ -144,7 +223,7 @@
  height: 38rpx;
  border-radius: 8rpx;
  display: flex;
  align-items: center;
  align-items: baseline;
  justify-content: center;
  font-weight: 400;
  font-size: 24rpx;
@@ -153,11 +232,11 @@
  flex-shrink: 0;
}
.local-tag.data-v-3d3e0a9e {
  background: linear-gradient(90deg, #18abf8 0%, #39c5ff 100%);
  background: #18abf8;
}
.city-tag.data-v-3d3e0a9e {
  background: linear-gradient(90deg, #ff8b28 0%, #ffb14f 100%);
  margin-right: 0;
  background: #ff8b28;
  margin-bottom: 8rpx;
}
.head-name.data-v-3d3e0a9e {
@@ -179,9 +258,12 @@
  color: #666666;
}
.text-ellipsis.data-v-3d3e0a9e {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  max-width: 100%;
}
.city-arrow.data-v-3d3e0a9e {
  width: 82rpx;
@@ -211,13 +293,26 @@
}
.status-text.data-v-3d3e0a9e {
  font-weight: 400;
  line-height: 36rpx;
  font-size: 26rpx;
  color: #10B2FA;
  flex-shrink: 0;
}
.status-orange.data-v-3d3e0a9e {
  color: #FA8010 !important;
}
.status-grey.data-v-3d3e0a9e {
  color: #666666 !important;
}
.goods-area.data-v-3d3e0a9e {
  padding: 22rpx 30rpx;
  box-sizing: border-box;
}
.status-orange.data-v-3d3e0a9e {
  color: #FA8010 !important;
}
.status-orange.data-v-3d3e0a9e {
  color: #FA8010 !important;
}
.goods-row.data-v-3d3e0a9e {
  display: flex;
@@ -262,7 +357,14 @@
  font-size: 24rpx;
  color: #8C939F;
}
.price-line.data-v-3d3e0a9e {
  padding: 0 30rpx;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
}
.amount-area.data-v-3d3e0a9e {
  width: 50%;
  padding: 0 30rpx;
  box-sizing: border-box;
  display: flex;
@@ -304,6 +406,7 @@
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 50%;
}
.pickup-label.data-v-3d3e0a9e {
  font-weight: 400;
@@ -316,11 +419,12 @@
  color: #10B2FA;
}
.footer-actions.data-v-3d3e0a9e {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10rpx;
  margin: 0 !important;
  width: 100%;
}
.footer-btn.data-v-3d3e0a9e {
  height: 64rpx;
@@ -351,4 +455,34 @@
  font-size: 22rpx;
  color: #a5aab3;
}
.qrcode-box.data-v-3d3e0a9e {
  margin-top: 40rpx;
  width: 360rpx;
  height: 360rpx;
  border-radius: 8rpx;
  box-sizing: border-box;
  position: relative;
}
.qrcode-box canvas.data-v-3d3e0a9e {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.qrcode-image.data-v-3d3e0a9e {
  width: 100%;
  height: 100%;
}
.pickup-code.data-v-3d3e0a9e {
  margin-top: 32rpx;
  font-weight: 600;
  font-size: 36rpx;
  color: #222222;
}
.pickup-tip.data-v-3d3e0a9e {
  font-weight: 400;
  font-size: 24rpx;
  color: #999999;
  margin-top: 24rpx;
}