103 lines
2.2 KiB
Vue
103 lines
2.2 KiB
Vue
<template>
|
|
<view class="voucherCenterDetail_content">
|
|
<view class="list_body">
|
|
<view class="list_body_item">
|
|
<view class="list_body_item_haeder">
|
|
<text class="normal">充值79.9元已支付</text>
|
|
<!-- <text class="abnormal"></tex> -->
|
|
</view>
|
|
<view class="list_body_item_other">
|
|
<view class="item_other_name">订单编号</view>
|
|
<view class="item_other_msg">CZ-20220305445214</view>
|
|
</view>
|
|
<view class="list_body_item_other">
|
|
<view class="item_other_name">下单时间</view>
|
|
<view class="item_other_msg">2022-09-31 10:59:21</view>
|
|
</view>
|
|
</view>
|
|
<view class="list_body_item">
|
|
<view class="list_body_item_haeder">
|
|
<text class="abnormal">充值79.9元已支付</text>
|
|
</view>
|
|
<view class="list_body_item_other">
|
|
<view class="item_other_name">订单编号</view>
|
|
<view class="item_other_msg">CZ-20220305445214</view>
|
|
</view>
|
|
<view class="list_body_item_other">
|
|
<view class="item_other_name">下单时间</view>
|
|
<view class="item_other_msg">2022-09-31 10:59:21</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.voucherCenterDetail_content {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 32rpx;
|
|
|
|
.list_body {
|
|
width: 100%;
|
|
|
|
|
|
.list_body_item {
|
|
width: 100%;
|
|
margin-bottom: 24rpx;
|
|
padding: 0 24rpx 24rpx;
|
|
box-sizing: border-box;
|
|
background-color: #F6F6F6;
|
|
border-radius: 18rpx;
|
|
|
|
.list_body_item_haeder {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 104rpx;
|
|
border-bottom: 2rpx dashed #DDDDDD;
|
|
font-size: 36rpx;
|
|
font-weight: 600;
|
|
line-height: 1;
|
|
|
|
.normal {
|
|
color: #000;
|
|
}
|
|
|
|
.abnormal {
|
|
color: #CE3636;
|
|
}
|
|
}
|
|
|
|
.list_body_item_other {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
line-height: 1;
|
|
margin-top: 32rpx;
|
|
|
|
.item_other_name {
|
|
font-size: 30rpx;
|
|
color: #333333;
|
|
}
|
|
|
|
.item_other_msg {
|
|
font-size: 30rpx;
|
|
color: #333333;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style> |