收藏
回答

如何使用弹出框显示详细信息?

如图,已经做到用wx:for在卡片上显示某一订单的部分信息,我希望可以通过点击红框内按钮的方式显示该订单详细信息,但是目前还无法显示。使用的是vant。

wxml代码:

<van-tabs active="{{ active }}" bind:change="onChangeanimated>

  <van-tab title="未送达">

  <scroll-view scroll-y="truestyle="height: 900rpx; margin-top: 45rpx;">

    <view class="order_boxstyle="height: 400px;opacity: 0.85;margin-top:5%;margin-left:16%;margin-bottom: 5%;"

     wx:for="{{orderList}}" wx:key="oidwx:if="{{item.ispay===1}}">

  

     <van-card

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

    title="{{item.oname}}"

    num="{{item.count}}"

    price="{{item.money}}"

    desc-class="cardDesc"

    >

      <view slot="footer">

        <button class="box_btnbindtap="showDetailDialogsize="mini">详情</button>

        <button class="box_btnsize="minibindtap="orderReminder">催单</button>

      </view>

  </van-card>


</view>

</scroll-view>


  </van-tab>

......

</van-tabs>

下面是这个弹出框的代码:

<van-dialog

  use-slot

  title="订单详情"

  show="{{ showDetail }}"

  >

  <van-cell-group>

      <van-cell title="订单号value="{{item.oid}}"/>

      

      <van-cell title="目的地址value="{{item.daddress}}"></van-cell>


      <van-cell title="货物名value="{{item.oname}}"></van-cell>


      <van-cell title="货物重量value="{{item.weight}}"></van-cell>


      <van-cell title="货物数量value="{{item.count}}"></van-cell>


      <van-cell title="货物类别value="{{item.cclass}}"></van-cell>

    

      <van-cell title="加急value="{{item.ishurry}}" title-width="300rpx">

        <van-radio-group

        value="{{ radio }}"

        bind:change="onChange"

        direction="horizontal"

        disabled

      >

          <van-radio name="1shape="squarelabel-position="left"></van-radio>

          <van-radio name="0shape="squarelabel-position="left"></van-radio>

        </van-radio-group>

      </van-cell>

      


      <van-cell title="易碎value="{{item.isfragile}}" title-width="300rpx">

        <van-radio-group

        value="{{ radio }}"

        bind:change="onChange"

        direction="horizontal"

        disabled

      >

          <van-radio name="1shape="squarelabel-position="left"></van-radio>

          <van-radio name="0shape="squarelabel-position="left"></van-radio>

        </van-radio-group>

      </van-cell>

      

      <van-cell title="支付金额value="{{item.money}}"></van-cell>


      <van-cell title="备注value="{{item.tips}}"></van-cell>


      <van-cell title="创建日期value="{{item.otime}}" />

      

  </van-cell-group>

</van-dialog>

没有前端经验,拜托各位了......

回答关注问题邀请回答
收藏
登录 后发表内容