如图，想通过点击卡片上的详情，弹出具体信息。因为这个是看某个人的订单，订单总数不会太多，所以我的想法是把卡片对应订单的id传到弹出框，弹出框再用wx:if确定订单展示。

我没有前端的基础，这方面基本不懂，还请指教。

卡片的wxml代码：

<view class="order_box" style="height:180px;opacity: 0.85;margin-top:5%;margin-left:16%;margin-bottom: 7%;"

     wx:for="{{orderList}}" wx:key="oid" wx:if="{{item.ispay===1&&item.ostatus!==2}}">

     <van-card

    desc="订单号：{{item.oid}}"

    num="{{item.count}}"

    price="{{item.money}}"

    title-class="cardTitle"

    num-class="cardNum"

    desc-class="cardDesc"

    >

      ......

  </van-card>

</view>

弹出框：

<van-dialog

  use-slot

  title="订单详情"

  show="{{ showDetail }}"

  >

  <van-cell-group>

......

</van-cell-group>

</van-dialog>

弹出框相关的js：

data: {

        showDetail: false,

        ......

}

showDetailDialog(){

      this.setData({ showDetail: true});

    },