From b0996d57f9c5a1fa5da90ca5a8c59811904be0f1 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Tue, 22 Nov 2022 19:12:07 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=AF=E5=88=86=E5=85=91=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppIntegralExchange.vue                   |  31 +++++
 .../AppIntegralExchange/commodityDetails.vue  | 107 ++++++++++++++++++
 .../AppCommentsReceived.vue                   |  28 -----
 3 files changed, 138 insertions(+), 28 deletions(-)
 create mode 100644 src/apps/AppIntegralExchange/AppIntegralExchange.vue
 create mode 100644 src/apps/AppIntegralExchange/commodityDetails.vue
 delete mode 100644 src/project/pingchang/AppCommentsReceived/AppCommentsReceived.vue

diff --git a/src/apps/AppIntegralExchange/AppIntegralExchange.vue b/src/apps/AppIntegralExchange/AppIntegralExchange.vue
new file mode 100644
index 00000000..5c6a5491
--- /dev/null
+++ b/src/apps/AppIntegralExchange/AppIntegralExchange.vue
@@ -0,0 +1,31 @@
+<template>
+  <div class="AppIntegralExchange">
+    <h1>积分兑换</h1>
+    <u-button @click="toDetail">详情</u-button>
+  </div>
+</template>
+
+<script>
+export default {
+  appName: '积分兑换',
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+    toDetail() {
+      uni.navigateTo({url: './commodityDetails'})
+    }
+  },
+  onShow() {
+
+  }
+}
+</script>
+
+<style lang='scss' scoped>
+.AppIntegralExchange {
+
+}
+</style>
\ No newline at end of file
diff --git a/src/apps/AppIntegralExchange/commodityDetails.vue b/src/apps/AppIntegralExchange/commodityDetails.vue
new file mode 100644
index 00000000..342c8ea5
--- /dev/null
+++ b/src/apps/AppIntegralExchange/commodityDetails.vue
@@ -0,0 +1,107 @@
+<template>
+  <div class="commodityDetails">
+    <div class="img_info">
+      <img src="https://cdn.cunwuyun.cn/dvcp/h5/no-admin.png" alt="">
+    </div>
+    <div class="commodity_title">
+      <div class="title">天薇抽纸天然无香纸巾天薇抽纸天然无香纸巾天薇抽纸天然无香纸巾可湿水…</div>
+      <div class="commodity_integral">
+        <p class="integral"><span>10</span><span>分</span></p>
+        <h5 class="repertory">库存：100</h5>
+      </div>
+    </div>
+    <div class="exchange">
+      <div class="owner_integral">积分余额:438</div>
+      <!-- 积分不足、缺货 -->
+      <div class="exchange_btn">立即兑换</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'commodityDetails',
+  data() {
+    return {
+
+    }
+  },
+  onShow() {
+    document.title = '商品详情'
+  },
+  methods: {
+    
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.commodityDetails {
+  background: #FFF;
+  .img_info {
+    width: 100%;
+    height: 750px;
+    img {
+      width: 100%;
+    }
+  }
+  .commodity_title {
+    padding: 32px;
+    box-sizing: border-box;
+    .title {
+      font-size: 32px;
+      color: #333333;
+      font-weight: 600;
+    }
+  }
+  .commodity_integral {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 32px;
+
+    .integral {
+      color: #FF6900;
+      font-size: 500;
+      span:first-child {
+        font-size: 34px;
+      }
+      span:last-child {
+        font-size: 26px;
+      }
+    }
+    .repertory {
+      color: #999999;
+      font-size: 26px;
+    }
+  }
+  .exchange {
+    width: 100vw;
+    height: 112px;
+    padding: 0 32px;
+    box-sizing: border-box;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: #FFF;
+
+    .owner_integral {
+      color: #CA906A;
+    }
+
+    .exchange_btn {
+      width: 224px;
+      text-align: center;
+      height: 80px;
+      line-height: 80px;
+      // background: #DDDDDD;
+      border-radius: 52px;
+      background-image: linear-gradient(90deg, #FFA044 0%, #FF8436 100%);
+      color: #FFF;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/project/pingchang/AppCommentsReceived/AppCommentsReceived.vue b/src/project/pingchang/AppCommentsReceived/AppCommentsReceived.vue
deleted file mode 100644
index f9af385c..00000000
--- a/src/project/pingchang/AppCommentsReceived/AppCommentsReceived.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-  <div class="AppCommentsReceived">
-    <h1>我收到的评价</h1>
-  </div>
-</template>
-
-<script>
-export default {
-  appName: '我收到的评价',
-  data() {
-    return {
-
-    }
-  },
-  methods: {
-
-  },
-  onShow() {
-
-  }
-}
-</script>
-
-<style lang='scss' scoped>
-.AppCommentsReceived {
-
-}
-</style>
\ No newline at end of file