From a193742e6186ee8dd749fa636385913b5cbc2578 Mon Sep 17 00:00:00 2001
From: liuye <yanran200830@163.com>
Date: Wed, 23 Nov 2022 11:47:24 +0800
Subject: [PATCH] =?UTF-8?q?=E5=95=86=E5=93=81=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apps/AppPointsChange/AppPointsChange.vue |  2 +
 src/apps/AppPointsChange/detail.vue          | 95 +++++++++++++++++++-
 2 files changed, 94 insertions(+), 3 deletions(-)

diff --git a/src/apps/AppPointsChange/AppPointsChange.vue b/src/apps/AppPointsChange/AppPointsChange.vue
index e2b1f1dc..78e8cb1f 100644
--- a/src/apps/AppPointsChange/AppPointsChange.vue
+++ b/src/apps/AppPointsChange/AppPointsChange.vue
@@ -155,6 +155,8 @@ export default {
   .list-content{
     padding: 4px 32px 16px;
     background-color: #fff;
+    border-top-left-radius: 16px;
+    border-top-right-radius: 16px;
     .select {
       display: flex;
       div {
diff --git a/src/apps/AppPointsChange/detail.vue b/src/apps/AppPointsChange/detail.vue
index f283a1ee..7be93602 100644
--- a/src/apps/AppPointsChange/detail.vue
+++ b/src/apps/AppPointsChange/detail.vue
@@ -1,6 +1,21 @@
 <template>
   <div class="detail">
-
+    <div class="goods-img">
+      <u-swiper :list="list" mode="none" img-mode="aspectFit" height="750" bg-color="#fff"></u-swiper>
+    </div>
+    <div class="goods-title">
+      天薇抽纸天然无香纸巾天薇抽纸天然无香纸巾天薇抽纸天然无香纸巾可湿水…
+    </div>
+    <div class="goods-point">
+      <h3>10<span>积分</span></h3>
+      <div>库存100</div>
+    </div>
+    <div class="goods-btn status-lack">
+      <div class="text">积分余额:438</div>
+      <!-- <div class="btn">立即兑换</div> -->
+      <!-- <div class="btn lack-btn">积分不足</div> -->
+      <div class="btn lack-btn">缺货</div>
+    </div>
   </div>
 </template>
 
@@ -11,7 +26,11 @@ export default {
   name: 'detail',
   data() {
     return {
-
+      list: [
+        { image: 'https://cdn.uviewui.com/uview/swiper/1.jpg'},
+        { image: 'https://cdn.uviewui.com/uview/swiper/2.jpg'},
+        { image: 'https://cdn.uviewui.com/uview/swiper/3.jpg'}
+      ],
     }
   },
   computed: {
@@ -27,7 +46,77 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+uni-page-body {
+  background-color: #fff;
+}
 .detail {
-
+  .goods-img {
+    width: 100%;
+  }
+  .goods-title {
+    padding: 32px;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 32px;
+    color: #333;
+    word-break: break-all;
+  }
+  .goods-point{
+    display: flex;
+    justify-content: space-between;
+    padding: 0 32px;
+    h3 {
+      line-height: 60px;
+      font-family: PingFangSC-SNaNpxibold;
+      font-weight: 600;
+      font-size: 44px;
+      color: #FF6900;
+      span {
+        font-family: PingFangSC-Medium;
+        font-weight: 500;
+        font-size: 24px;
+      }
+    }
+    div {
+      font-family: PingFangSC-Regular;
+      font-size: 26px;
+      color: #999;
+    }
+  }
+  .goods-btn {
+    width: 100%;
+    height: 112px;
+    line-height: 112px;
+    background: #FFF;
+    border-top: 1px solid #ddd;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    justify-content: space-between;
+    padding: 0 32px;
+    box-sizing: border-box;
+    .text {
+      font-family: PingFangSC-Regular;
+      font-size: 28px;
+      color: #CA906A;
+    }
+    .btn {
+      height: 80px;
+      line-height: 80px;
+      width: 224px;
+      text-align: center;
+      background-image: linear-gradient(90deg, #FFA044 0%, #FF8436 100%);
+      border-radius: 52px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 32px;
+      color: #FFF;
+      margin-top: 16px;
+    }
+    .lack-btn {
+      background-image: linear-gradient(90deg, #ddd 0%, #ddd 100%);
+    }
+  }
 }
 </style>