119 lines
2.4 KiB
Vue
119 lines
2.4 KiB
Vue
|
<style lang="scss">
|
|||
|
|
.detail {
|
|||
|
|
width: 710rpx;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
border-radius: 12rpx;
|
|||
|
|
margin: 24rpx auto 0;
|
|||
|
|
padding: 0 30rpx 24rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
|
|||
|
|
.detail-order_num {
|
|||
|
|
height: 78rpx;
|
|||
|
|
line-height: 78rpx;
|
|||
|
|
margin-bottom: 24rpx;
|
|||
|
|
font-weight: 600;
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
color: #333333;
|
|||
|
|
border-bottom: 2rpx solid #f1f1f1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.detail-form {
|
|||
|
|
border-bottom: 2rpx solid #f1f1f1;
|
|||
|
|
margin-bottom: 24rpx;
|
|||
|
|
|
|||
|
|
.detail-form-item {
|
|||
|
|
margin-bottom: 16rpx;
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popup-goods {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
width: 630rpx;
|
|||
|
|
border-radius: 16rpx;
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
padding-bottom: 1rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
border-bottom: 2rpx solid #f1f1f1;
|
|||
|
|
|
|||
|
|
.popup-goods-left {
|
|||
|
|
margin-right: 24rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popup-goods-right {
|
|||
|
|
flex-grow: 1;
|
|||
|
|
|
|||
|
|
.popup-goods-right-info {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
|
|||
|
|
.goods_name {
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.goods_price {
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #060606;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popup-goods-num {
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #777777;
|
|||
|
|
text-align: right;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popup-goods-total {
|
|||
|
|
text-align: right;
|
|||
|
|
|
|||
|
|
.popup-goods-total-num {
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #666666;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popup-goods-total-price {
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<view class="detail">
|
|||
|
|
<view class="detail-order_num">订单编号:123123123</view>
|
|||
|
|
<view class="detail-form">
|
|||
|
|
<view class="detail-form-item">收货人：</view>
|
|||
|
|
<view class="detail-form-item">核销码：</view>
|
|||
|
|
<view class="detail-form-item">核销门店：</view>
|
|||
|
|
<view class="detail-form-item">核销时间：</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="popup-goods">
|
|||
|
|
<view class="popup-goods-left">
|
|||
|
|
<u-image width="100rpx" height="100rpx" radius="8rpx" />
|
|||
|
|
</view>
|
|||
|
|
<view class="popup-goods-right">
|
|||
|
|
<view class="popup-goods-right-info">
|
|||
|
|
<text class='goods_name'>黄牛牛肉</text>
|
|||
|
|
<text class="goods_price">￥10.00</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="popup-goods-num">x5</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="popup-goods-total">
|
|||
|
|
<text class="popup-goods-total-num">共5件商品，总金额</text>
|
|||
|
|
<text class="popup-goods-total-price">￥50.00</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|