67 lines
2.5 KiB
Vue
67 lines
2.5 KiB
Vue
|
<template>
|
||
|
|
<view class="order plr30">
|
||
|
|
<view class="f40 bold mt30">订单已支付</view>
|
||
|
|
<view class="flex_column flex_items bgwhite plr30 pb30 mt30"
|
||
|
|
style="width:calc(100% - 60rpx);border-radius: 20rpx;">
|
||
|
|
<view class="flex_start flex_items bbe9s pb30 mt30">
|
||
|
|
<image src="https://t7.baidu.com/it/u=760837404,2640971403&fm=193&f=GIF"
|
||
|
|
style="width:120rpx;height:120rpx;border-radius: 15rpx;" mode=""></image>
|
||
|
|
<view class="flex_between flex_items" style="width:480rpx;">
|
||
|
|
<view class="flex_column ml20">
|
||
|
|
<view class="f30">[贴纸套餐]圣诞拿铁.</view>
|
||
|
|
<view class="f26 mt10" style="color: #ccc;">默认</view>
|
||
|
|
<view class="f26 mt10" style="color: #ccc;">X1</view>
|
||
|
|
</view>
|
||
|
|
<text class="f30">￥41.54</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="flex_start flex_items bbe9s pb30 mt30">
|
||
|
|
<image src="https://t7.baidu.com/it/u=760837404,2640971403&fm=193&f=GIF"
|
||
|
|
style="width:120rpx;height:120rpx;border-radius: 15rpx;" mode=""></image>
|
||
|
|
<view class="flex_between flex_items" style="width:480rpx;">
|
||
|
|
<view class="flex_column ml20">
|
||
|
|
<view class="f30">[贴纸套餐]圣诞拿铁.</view>
|
||
|
|
<view class="f26 mt10" style="color: #ccc;">默认</view>
|
||
|
|
<view class="f26 mt10" style="color: #ccc;">X1</view>
|
||
|
|
</view>
|
||
|
|
<text class="f30">￥41.54</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="flex_start flex_items bbe9s pb30 mt30">
|
||
|
|
<image src="https://t7.baidu.com/it/u=760837404,2640971403&fm=193&f=GIF"
|
||
|
|
style="width:120rpx;height:120rpx;border-radius: 15rpx;" mode=""></image>
|
||
|
|
<view class="flex_between flex_items" style="width:480rpx;">
|
||
|
|
<view class="flex_column ml20">
|
||
|
|
<view class="f30">[贴纸套餐]圣诞拿铁.</view>
|
||
|
|
<view class="f26 mt10" style="color: #ccc;">默认</view>
|
||
|
|
<view class="f26 mt10" style="color: #ccc;">X1</view>
|
||
|
|
</view>
|
||
|
|
<text class="f30">￥41.54</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<!-- zongjia -->
|
||
|
|
<view class="flex_between flex_items f30 mt30" style="width: 100%;">
|
||
|
|
<text>打包费</text>
|
||
|
|
<text>￥2</text>
|
||
|
|
</view>
|
||
|
|
<view class="flex_between flex_items f30 mt30" style="width: 100%;">
|
||
|
|
<text>配送费</text>
|
||
|
|
<text>￥1.5</text>
|
||
|
|
</view>
|
||
|
|
<view class="flex_end flex_items mt30" style="width: 100%;">
|
||
|
|
<text class="f30">合计</text>
|
||
|
|
<text class="f38 ml30">￥46.54</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<Ywatermark :info="'蓝色兄弟'"></Ywatermark>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
page {
|
||
|
|
background: #f5f5f5 !important;
|
||
|
|
}
|
||
|
|
</style>
|