127 lines
2.6 KiB
Vue
127 lines
2.6 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 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>
|
||
<script setup>
|
||
uni.login({
|
||
success(res) {
|
||
console.log(res);
|
||
}
|
||
})
|
||
</script> |