完善也买你

pages/order_details/wait_pay_order_details.vue

@@ -0,0 +1,86 @@
+<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>