| | |
| | | autoBack |
| | | ></u-navbar> |
| | | <!-- 搜索框 --> |
| | | <view class="search-bar"> |
| | | <u-search |
| | | v-model="orderNo" |
| | | :placeholder="$t('container.scanOrder')" |
| | | @search="search" |
| | | @custom="search" |
| | | @clear="onCancelSearch" |
| | | :showAction="true" |
| | | :actionText="$t('common.search') || '搜索'" |
| | | bgColor="#F5F5F5" |
| | | shape="round" |
| | | ></u-search> |
| | | </view> |
| | | <u-sticky bgColor="#ffffff" :customNavHeight="navHeight"> |
| | | <view class="search-bar"> |
| | | <u-search |
| | | v-model="orderNo" |
| | | :placeholder="$t('container.scanOrder')" |
| | | @search="search" |
| | | @custom="search" |
| | | @clear="onCancelSearch" |
| | | :showAction="true" |
| | | :actionText="$t('common.search') || '搜索'" |
| | | bgColor="#F5F5F5" |
| | | shape="round" |
| | | ></u-search> |
| | | </view> |
| | | </u-sticky> |
| | | |
| | | <!-- 订单列表 --> |
| | | <view class="order-list"> |
| | |
| | | } |
| | | }, |
| | | computed: { |
| | | // 导航栏高度,用于吸顶组件计算偏移(仅留状态栏高度,使得吸顶时覆盖在 u-navbar 内容区) |
| | | navHeight() { |
| | | return uni.$u.sys().statusBarHeight; |
| | | }, |
| | | contentText() { |
| | | return { |
| | | contentdown: this.$t('common.loadMore') || '上拉加载更多', |
| | |
| | | padding: 20rpx 24rpx; |
| | | background: #ffffff; |
| | | box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04); |
| | | position: sticky; |
| | | top: 0; |
| | | z-index: 100; |
| | | } |
| | | |