WeUI 中的确认页样式通常用于展示一些重要的确认信息,比如订单支付成功、提交表单成功等。以下是一个简单的 WeUI 确认页样式的使用示例:
<view class="page">
  <view class="page__hd">
    <view class="page__title">确认页</view>
  </view>
  <view class="page__bd">
    <view class="weui-cells__title">订单信息</view>
    <view class="weui-cells weui-cells_form">
      <view class="weui-cell">
        <view class="weui-cell__bd">商品名称</view>
        <view class="weui-cell__ft">iPhone 12</view>
      </view>
      <view class="weui-cell">
        <view class="weui-cell__bd">订单金额</view>
        <view class="weui-cell__ft">¥5999.00</view>
      </view>
    </view>

    <view class="weui-cells__title">配送信息</view>
    <view class="weui-cells weui-cells_form">
      <view class="weui-cell">
        <view class="weui-cell__bd">收货地址</view>
        <view class="weui-cell__ft">广东省 深圳市 南山区 南山大道 123 号</view>
      </view>
      <view class="weui-cell">
        <view class="weui-cell__bd">联系电话</view>
        <view class="weui-cell__ft">13812345678</view>
      </view>
    </view>

    <view class="weui-cells__title">支付信息</view>
    <view class="weui-cells weui-cells_form">
      <view class="weui-cell">
        <view class="weui-cell__bd">支付方式</view>
        <view class="weui-cell__ft">微信支付</view>
      </view>
    </view>

    <view class="weui-cells__title">备注信息</view>
    <view class="weui-cells weui-cells_form">
      <view class="weui-cell">
        <view class="weui-cell__bd">备注</view>
        <view class="weui-cell__ft">请及时发货,谢谢!</view>
      </view>
    </view>
  </view>
  <view class="page__ft">
    <view class="weui-flex">
      <view class="weui-flex__item">
        <button class="weui-btn weui-btn_primary" bindtap="confirmOrder">确认订单</button>
      </view>
      <view class="weui-flex__item">
        <button class="weui-btn weui-btn_default" bindtap="cancelOrder">取消订单</button>
      </view>
    </view>
  </view>
</view>

在上述示例中,页面包含了订单信息、配送信息、支付信息、备注信息等部分,同时提供了确认订单和取消订单的按钮。你可以根据实际需求自定义页面内容和按钮操作,以满足你的业务场景。在实际开发中,可以根据 WeUI 提供的样式和组件进行更进一步的定制。


转载请注明出处:http://www.zyzy.cn/article/detail/1335/微信小程序