86 lines
2.0 KiB
Vue
86 lines
2.0 KiB
Vue
<template>
|
||
<view class="u-m-l-32 u-m-r-32">
|
||
<view class="u-m-t-48">
|
||
<text class="u-font-40 bold-600">未付款</text>
|
||
<text class="u-m-l-18">请在09分钟56秒内完成支付</text>
|
||
</view>
|
||
|
||
<view class="bg-white u-p-32 u-m-t-40 br8">
|
||
<view class="row u-col-top">
|
||
<view>
|
||
<u-image :src="cloudPath + 'img/banner.png'" width="124" height="124" border-radius="8"></u-image>
|
||
</view>
|
||
<view class="bold-600 u-font-32 u-m-l-16">煎饼果子套餐</view>
|
||
</view>
|
||
|
||
<view class="u-m-t-32">
|
||
<view class="row-between text-attr">
|
||
<view>商品总价</view>
|
||
<view>￥130.00</view>
|
||
</view>
|
||
|
||
<view class="row-between text-attr mt10">
|
||
<view>运费</view>
|
||
<view>￥130.00</view>
|
||
</view>
|
||
|
||
<view class="row-between mt10">
|
||
<view class="bold-600 u-font-28">需支付</view>
|
||
<view class="primary">￥130.00</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="bg-white u-p-32 u-m-t-40 br8">
|
||
<view class="bold-600 u-font-28">保温盒地址</view>
|
||
<view class="text-attr u-m-t-16">
|
||
<view>孙婉宛</view>
|
||
<view class="u-m-t-8">15271435646</view>
|
||
<view class="u-m-t-8">站前北街4号顺义供电公司北50米</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="bg-white u-p-32 u-m-t-40 br8">
|
||
<view class="bold-600 u-font-28">订单信息</view>
|
||
<view class="text-attr u-m-t-16">
|
||
<view>买家昵称：434343</view>
|
||
<view class="u-m-t-8">订单编号：134213234122321232123</view>
|
||
<view class="u-m-t-8">下单时间：2022-11-10 15:26:07</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="fixed row u-text-center btn-group">
|
||
<view class="flex1 bg-white">取消订单</view>
|
||
<view class="flex1 bg-default text-fff">立即支付</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.text-attr {
|
||
color: #86909C;
|
||
}
|
||
|
||
.fixed {
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
padding-bottom: env(safe-area-inset-bottom);
|
||
}
|
||
|
||
.btn-group {
|
||
height: 100rpx;
|
||
line-height: 100rpx;
|
||
|
||
& > view {
|
||
height: 100rpx;
|
||
}
|
||
}
|
||
</style> |