uni中快递查询之间的虚线怎么写

在uni-app（微信小程序）中，如果你想在页面间通过虚线进行导航，而不是直接跳转，你可以使用`navigator`组件配合自定义的样式来实现。通常的做法是创建一个路径跳转，但显示为虚线效果，这需要一点CSS技巧。

首先，在页面A中添加一个按钮并设置跳转事件：

<button open-type="navigate" v-link="/pages/pageB/pageB?isVirtual=true">查看快递</button>

然后在pageB的全局style中定义虚线样式，并监听路由参数`isVirtual`：

.wx-virtual-line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  position: relative;
}

.wx-virtual-line::before {
  content: '';
  position: absolute;
  top: -50%;
  left: 0;
  width: 100%;
  height: 2px;
  transform-origin: bottom;
  transition: all 0.3s ease;
}
.wx-virtual-line.is-visible::before {
  transform: translateY(-50%);
}

最后，在pageB的js文件中处理路由进入和离开时的虚线显示隐藏：

Page({
  data() {
    return {
      isVirtual: false,
    };
  },
  onShow() {
    this.setData({ isVirtual: true });
  },
  onHide() {
    this.setData({ isVirtual: false });
  },
})

当`isVirtual`为true时，虚线会显示，用户可以滚动浏览内容，给人一种虚拟跳转的感觉。但请注意，这种做法仅限于视觉效果，实际的页面跳转仍然发生了。