写一个微信小程序的订单页
时间: 2023-07-13 09:37:49 浏览: 44
好的,这是一个简单的微信小程序订单页的代码示例:
```
<view class="container">
<view class="order-header">
<text class="order-title">订单详情</text>
<text class="order-status">已完成</text>
</view>
<view class="order-body">
<view class="order-item">
<image class="order-img" src="../../images/product1.jpg"></image>
<view class="order-info">
<text class="order-name">商品A</text>
<text class="order-price">¥100</text>
</view>
<text class="order-quantity">x1</text>
</view>
<view class="order-item">
<image class="order-img" src="../../images/product2.jpg"></image>
<view class="order-info">
<text class="order-name">商品B</text>
<text class="order-price">¥200</text>
</view>
<text class="order-quantity">x2</text>
</view>
</view>
<view class="order-footer">
<text class="order-total">合计:¥500</text>
<button class="order-btn">再次购买</button>
</view>
</view>
```
这个订单页有三个部分:订单头部、订单主体和订单底部。订单头部显示订单的标题和状态,订单主体显示订单中的商品和数量,订单底部显示订单的总价和再次购买按钮。
你可以根据自己的需求进行修改和扩展。