80 lines
3.2 KiB
Plaintext
80 lines
3.2 KiB
Plaintext
<view class="flex-col page">
|
|
<view class="flex-col group">
|
|
<view class="flex-col section">
|
|
<!-- 订单状态 + 倒计时 -->
|
|
<view class="flex-row justify-between self-stretch group_2">
|
|
<text class="font">订单状态</text>
|
|
<view class="flex-row group_3">
|
|
<text class="font_2 text">请在{{countdown}}内完成支付</text>
|
|
<text class="font_2 text_2 ml-37">待支付</text>
|
|
</view>
|
|
</view>
|
|
<!-- 课程信息 -->
|
|
<view class="flex-row self-stretch group_4 mt-15">
|
|
<image
|
|
class="shrink-0 image"
|
|
src="https://ide.code.fun/api/image?token=6859f7a14ae84d0012334fa9&name=9c2a22f14e2bd768cbd40d939693e4a8.png"
|
|
/>
|
|
<text class="flex-1 self-start font_3 text_3 ml-7">
|
|
区块链和加密数字货币(随报随学认证班)(随报随学认证班)
|
|
</text>
|
|
</view>
|
|
<!-- 课程价格 -->
|
|
<text class="self-end font_3 text_4 mt-15">￥999.00</text>
|
|
</view>
|
|
|
|
<!-- 订单详情 -->
|
|
<view class="mt-16 flex-col section_2">
|
|
<view class="self-start group_5">
|
|
<text class="font text_5">订单编号：</text>
|
|
<text class="font_4">202506191307440406460485418</text>
|
|
</view>
|
|
<view class="flex-row items-baseline self-start group_6">
|
|
<text class="shrink-0 font text_6">下单时间：</text>
|
|
<text class="flex-1 font_5 ml-3">2025-06-19 16:08:15</text>
|
|
</view>
|
|
<view class="flex-col justify-start self-stretch relative group_7">
|
|
<view class="flex-col section_3">
|
|
<view class="self-stretch divider"></view>
|
|
<view class="flex-row self-stretch group_8 mt-17">
|
|
<text class="font text_7">支付方式：</text>
|
|
<text class="ml-8 font text_8">微信支付</text>
|
|
</view>
|
|
<view class="flex-row items-center self-stretch mt-17">
|
|
<text class="font text_9">交易号：</text>
|
|
<text class="font_4 ml-23">4002506191307440406460485418</text>
|
|
</view>
|
|
<text class="self-start font text_10 mt-17">交付时间：</text>
|
|
</view>
|
|
<text class="font_5 text_11 pos">2025-06-19 08:48:35</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 价格明细 -->
|
|
<view class="mt-16 flex-col section_4">
|
|
<view class="flex-row justify-between items-center">
|
|
<text class="font text_12">课程价格</text>
|
|
<text class="font_4">￥1999.9</text>
|
|
</view>
|
|
<view class="flex-row justify-between items-center mt-11">
|
|
<text class="font text_13">价格折扣</text>
|
|
<text class="font_4 text_14">-￥10</text>
|
|
</view>
|
|
<view class="flex-row justify-between items-center group_9 mt-11">
|
|
<text class="font_2 text_15">订单金额</text>
|
|
<text class="font_4 text_16">￥999</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 底部按钮 -->
|
|
<view class="flex-row mt-389">
|
|
<view class="flex-col justify-start items-center text-wrapper">
|
|
<text class="font_3 text_17">取消</text>
|
|
</view>
|
|
<view class="flex-col justify-start items-center text-wrapper_2">
|
|
<text class="font_3 text_18">立即支付</text>
|
|
</view>
|
|
</view>
|
|
</view>
|