|
|
@@ -0,0 +1,143 @@
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <u-navbar title="兑换详情">
|
|
|
+
|
|
|
+ </u-navbar>
|
|
|
+ <!-- 奖品 -->
|
|
|
+ <view class="prize">
|
|
|
+ <view class="picture">
|
|
|
+ <img src="../../../../assets/img/orderPic.png" alt="">
|
|
|
+ </view>
|
|
|
+ <view class="infos">
|
|
|
+ <view class="title">
|
|
|
+ 官方十年留影打印纸-3卷/盒哈哈哈哈哈
|
|
|
+ </view>
|
|
|
+ <view class="else">
|
|
|
+ <view class="points">
|
|
|
+ 1500 积分
|
|
|
+ </view>
|
|
|
+ <view class="amount">
|
|
|
+ ×1
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <!-- 详情 -->
|
|
|
+ <view class="details">
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 积分抵扣
|
|
|
+ </view>
|
|
|
+ <view class="value">
|
|
|
+ 减1500积分
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 订单编号
|
|
|
+ </view>
|
|
|
+ <view class="value">
|
|
|
+
|
|
|
+ 20230107125058015470
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 创建时间
|
|
|
+ </view>
|
|
|
+ <view class="value">
|
|
|
+ 2023-01-07 12:50:58
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ 发放时间
|
|
|
+ </view>
|
|
|
+ <view class="value">
|
|
|
+ 2023-02-12 16:12:33
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ // 奖品
|
|
|
+ .prize{
|
|
|
+ margin: 24rpx 32rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 8px;
|
|
|
+ padding: 24rpx;
|
|
|
+ display: flex;
|
|
|
+ .picture{
|
|
|
+ width: 200rpx;
|
|
|
+ height: 200rpx;
|
|
|
+ border-radius: 4px;
|
|
|
+ overflow: hidden;
|
|
|
+ img{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .infos{
|
|
|
+ margin-left: 24rpx;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: space-between;
|
|
|
+ .title{
|
|
|
+ color: rgba(16, 16, 16, 1);
|
|
|
+ font-size: 32rpx;
|
|
|
+ line-height: 44rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .else{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ .points{
|
|
|
+ color: rgba(255, 61, 0, 1);
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .amount{
|
|
|
+ color: rgba(148, 148, 148, 1);
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+// 详情
|
|
|
+.details{
|
|
|
+ margin: 0 32rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 8px;
|
|
|
+ padding: 24rpx ;
|
|
|
+ .item{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ color: #333333;
|
|
|
+
|
|
|
+ line-height: 70rpx;
|
|
|
+ .value{
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
