From d45708df5e05a10cdf77af61c0f742a10d843479 Mon Sep 17 00:00:00 2001
From: YeMingfei666 <1619116647@qq.com>
Date: Tue, 9 Dec 2025 17:34:09 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=AF=E5=88=86=E5=95=86=E5=9F=8E=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3=E9=A1=B5=E9=9D=A2=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                |  30 ++-
 scoreShop/components/modal.vue            |  87 +++++++
 scoreShop/detail/index.vue                | 267 ++++++++++++++++++++++
 scoreShop/index.vue                       |  32 ---
 scoreShop/index/components/goods-list.vue | 155 +++++++++++++
 scoreShop/index/index.vue                 | 157 +++++++++++++
 scoreShop/order/components/order-list.vue |  71 ++++++
 scoreShop/order/detail.vue                |  89 ++++++++
 scoreShop/order/index.vue                 |  62 +++++
 scoreShop/static/image/copy.png           | Bin 0 -> 2569 bytes
 scoreShop/success/index.vue               | 106 +++++++++
 11 files changed, 1022 insertions(+), 34 deletions(-)
 create mode 100644 scoreShop/components/modal.vue
 create mode 100644 scoreShop/detail/index.vue
 delete mode 100644 scoreShop/index.vue
 create mode 100644 scoreShop/index/components/goods-list.vue
 create mode 100644 scoreShop/index/index.vue
 create mode 100644 scoreShop/order/components/order-list.vue
 create mode 100644 scoreShop/order/detail.vue
 create mode 100644 scoreShop/order/index.vue
 create mode 100644 scoreShop/static/image/copy.png
 create mode 100644 scoreShop/success/index.vue

diff --git a/pages.json b/pages.json
index 77c8f69..8abee6e 100644
--- a/pages.json
+++ b/pages.json
@@ -302,9 +302,35 @@
 			"root": "scoreShop",
 			"pages": [
 				{
-					"path": "index",
+					"path": "index/index",
 					"style": {
-						"navigationBarTitleText": "积分商城"
+						"navigationBarTitleText": "积分商城",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "detail/index",
+					"style": {
+						"navigationBarTitleText": "商品详情"
+					}
+				},
+				{
+					"path": "success/index",
+					"style": {
+						"navigationBarTitleText": "兑换成功",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "order/index",
+					"style": {
+						"navigationBarTitleText": "积分订单"
+					}
+				},
+				{
+					"path": "order/detail",
+					"style": {
+						"navigationBarTitleText": "订单详情"
 					}
 				}
 			]
diff --git a/scoreShop/components/modal.vue b/scoreShop/components/modal.vue
new file mode 100644
index 0000000..421c533
--- /dev/null
+++ b/scoreShop/components/modal.vue
@@ -0,0 +1,87 @@
+<template>
+  <view>
+    <up-popup :show="show" mode="center" :safeAreaInsetBottom="mode==='bottom'?true:false">
+      <view class="popup-content">
+        <view class="top u-flex u-row-between">
+          <text class="font-bold u-font-32 color-333">{{ title }}</text>
+          <up-icon size="18" name="close" @click="show = false"></up-icon>
+        </view>
+        <up-line></up-line>
+        <scroll-view style="max-height: 50vh" :scroll-y="true">
+          <slot></slot>
+        </scroll-view>
+        <up-line></up-line>
+
+        <view class="bottom">
+          <view class="btn cancel" @click="close">{{ cancelText }}</view>
+          <view class="btn success" @click="confirm">{{ confirmText }}</view>
+        </view>
+      </view>
+    </up-popup>
+  </view>
+</template>
+
+<script setup>
+const props = defineProps({
+  mode: {
+    type: String,
+    default: "center",
+  },
+  title: {
+    type: String,
+    default: "标题",
+  },
+  confirmText: {
+    type: String,
+    default: "确认",
+  },
+  cancelText: {
+    type: String,
+    default: "取消",
+  },
+});
+const show = defineModel({
+  type: Boolean,
+  default: false,
+});
+const emits = defineEmits(["close", "confirm"]);
+function close() {
+  show.value = false;
+  emits("close");
+}
+function confirm() {
+  emits("confirm");
+}
+</script>
+<style lang="scss">
+.popup-content {
+  background: #fff;
+  width: 640rpx;
+  border-radius: 18rpx;
+}
+.top {
+  padding: 40rpx 48rpx;
+}
+.bottom {
+  padding: 48rpx 52rpx;
+  display: flex;
+  justify-content: space-between;
+  gap: 50rpx;
+  .btn {
+    flex: 1;
+    text-align: center;
+    padding: 18rpx 60rpx;
+    border-radius: 100rpx;
+    font-size: 32rpx;
+    border: 2rpx solid transparent;
+    &.success {
+      background-color: $my-main-color;
+      color: #fff;
+    }
+    &.cancel {
+      border-color: $my-main-color;
+      color: $my-main-color;
+    }
+  }
+}
+</style>
diff --git a/scoreShop/detail/index.vue b/scoreShop/detail/index.vue
new file mode 100644
index 0000000..922ff91
--- /dev/null
+++ b/scoreShop/detail/index.vue
@@ -0,0 +1,267 @@
+<template>
+  <view class="color-333 u-font-28">
+    <view class="top" :style="{ backgroundImage: 'url(' + imgs.bg + ')' }">
+      <view class="name"> 这里是优惠券名称啊啊啊啊 </view>
+      <view class="info"> 15元代金券（满200可用） </view>
+    </view>
+    <view class="sku">
+      <view>
+        <view>
+          <text class="price">800</text>
+          <text class="text">积分</text>
+          <text class="price">+</text>
+          <text class="price">9.99</text>
+          <text class="text">元</text>
+        </view>
+        <view class="u-m-t-16 text"> 限购2份 </view>
+      </view>
+      <text class="text">剩余：99999</text>
+    </view>
+    <view class="goods-name">这里是商品名称啊啊啊啊啊</view>
+    <view class="bg-f7" style="height: 24rpx"></view>
+    <view class="desc">
+      <view class="u-flex">
+        <view class="color-666 no-wrap">领取方式</view>
+        <view class="u-m-l-16">系统发放</view>
+      </view>
+      <view class="u-flex u-m-t-16 u-col-baseline">
+        <view class="color-666 no-wrap">特别说明</view>
+        <view class="u-m-l-16"
+          >优惠券为虚拟发放，一旦兑换不支持退款，请悉知</view
+        >
+      </view>
+    </view>
+    <view class="bg-f7" style="height: 24rpx"></view>
+
+    <view class="goods-detail">
+      <view class="u-flex u-row-center">
+        <view class="title">商品详情</view>
+      </view>
+    </view>
+
+    <view style="height: 72px"></view>
+    <view class="fixed-bottom u-flex u-row-center">
+      <view class="btn" @click="exchangeClick">立即兑换</view>
+    </view>
+
+    <!-- 兑换确认弹窗start -->
+    <modal
+      v-model="modalData.show"
+      title="立即兑换确认"
+      @confirm="confirmExchange"
+    >
+      <view style="padding: 32rpx 50rpx">
+        <view class="u-font-32"
+          >您将消耗{800}积分，兑换商品{这里是商品名称}，是否确认兑换</view
+        >
+        <view class="u-m-t-20 waring u-flex u-font-32 u-col-center">
+          <up-icon name="info-circle" size="16" color="#FF9900"></up-icon>
+          <view class="u-m-l-24"
+            >优惠券为虚拟发放，一旦兑换不支持退款，请悉知</view
+          >
+        </view>
+      </view>
+    </modal>
+
+    <!-- 需要支付的弹窗 -->
+    <up-popup
+      :show="popupData.show"
+      mode="bottom"
+      closeOnClickOverlay
+      @close="popupData.show = false"
+    >
+      <view class="popup-content">
+        <view class="popup-content-top">
+          <text class="color-666">领取方式</text>
+          <text class="u-m-l-16">需前往店铺自行兑换领取</text>
+        </view>
+        <view class="goods-info">
+          <view class="u-flex">
+            <image class="cover"></image>
+            <view class="u-flex u-flex-1 u-row-between u-p-l-16 u-col-center">
+              <view>
+                <view class="u-font-32 font-bold">这里是商品名称</view>
+                <view class="u-m-t-54 color-666">8000积分+9.99元</view>
+              </view>
+              <text class="color-666">X1</text>
+            </view>
+          </view>
+          <view class="u-m-t-20 waring u-flex u-col-center">
+            <up-icon name="info-circle" size="16" color="#FF9900"></up-icon>
+            <view class="u-m-l-16"
+              >优惠券为虚拟发放，一旦兑换不支持退款，请悉知</view
+            >
+          </view>
+        </view>
+
+        <view class="bottom font-bold text-right">
+          <text>合计 8000积分 + ¥9.99</text>
+        </view>
+
+        <view class="u-m-t-42 u-flex u-row-center">
+          <view class="btn">确认兑换</view>
+        </view>
+      </view>
+    </up-popup>
+    <!-- 兑换确认弹窗end -->
+  </view>
+</template>
+<script setup>
+import modal from "@/scoreShop/components/modal.vue";
+const imgs = {
+  bg: "https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/9fd6a3ad2b384f6cb4e88ed6b77bd334.png",
+};
+const modalData = reactive({
+  show: false,
+});
+
+const popupData = reactive({
+  show: false,
+});
+function exchangeClick() {
+  modalData.show = true;
+}
+function confirmExchange() {
+  modalData.show = false;
+}
+</script>
+
+<style lang="scss" scoped>
+.top {
+  margin: 14rpx 18rpx;
+  background-size: cover;
+  height: 350rpx;
+  box-sizing: border-box;
+  padding-left: 70rpx;
+  padding-top: 95rpx;
+
+  .name {
+    color: #000000;
+    font-size: 36rpx;
+    font-weight: 700;
+  }
+  .info {
+    color: #333333;
+    font-size: 48rpx;
+    font-weight: 700;
+    margin-top: 62rpx;
+  }
+}
+.sku {
+  display: flex;
+  justify-content: space-between;
+  padding: 20rpx 36rpx;
+  align-items: center;
+  background: linear-gradient(90deg, #ff4a63 0%, #fd1f48 100%);
+  .price {
+    color: #fff;
+    font-weight: 700;
+    font-size: 36rpx;
+  }
+  .text {
+    color: #fff;
+    font-size: 28rpx;
+  }
+}
+.goods-name {
+  padding: 20rpx 28rpx;
+  background: #fff;
+  font-size: 32rpx;
+  font-weight: 700;
+  color: #333;
+}
+.desc {
+  padding: 32rpx 28rpx;
+  background-color: #fff;
+}
+.goods-detail {
+  padding: 32rpx;
+  .title {
+    position: relative;
+    padding: 0 22rpx;
+    &::before {
+      content: "";
+      display: block;
+      position: absolute;
+      right: 100%;
+      width: 70rpx;
+      height: 2rpx;
+      top: 50%;
+      transform: translateY(-50%);
+      background: linear-gradient(90deg, #f7f8f9 0%, #c9cbcc 100%);
+    }
+    &::after {
+      left: 100%;
+      content: "";
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+      display: block;
+      width: 70rpx;
+      height: 2rpx;
+      background: linear-gradient(90deg, #c9cbcc 0%, #f7f8f9 100%);
+    }
+  }
+}
+
+.fixed-bottom {
+  position: fixed;
+  background-color: #fff;
+  left: 0;
+  right: 0;
+  padding-bottom: calc(env(safe-area-inset-bottom) + 2rpx);
+  background-color: #fff;
+  bottom: 0;
+  z-index: 10;
+  .btn {
+    padding: 16rpx 62rpx;
+    border-radius: 16rpx;
+    font-size: 32rpx;
+    font-weight: 700;
+    color: #9c571f;
+    background: linear-gradient(180deg, #f7cc84 0%, #f9dda9 100%);
+    &.gray {
+      background: #9999992b;
+      color: #999999;
+    }
+  }
+}
+.waring {
+  background-color: rgba(255, 204, 0, 0.09);
+  padding: 32rpx 24rpx;
+  color: #ff8d28;
+}
+.popup-content {
+  font-size: 28rpx;
+  min-height: 300px;
+  .popup-content-top {
+    padding: 32rpx 28rpx;
+    border-bottom: 1px solid #ededed;
+  }
+  .goods-info {
+    padding: 44rpx 28rpx;
+    border-bottom: 1px solid #ededed;
+    .cover {
+      width: 184rpx;
+      height: 184rpx;
+      border-radius: 16rpx;
+      background: #d9d9d9;
+    }
+  }
+  .bottom {
+    padding: 20rpx 28rpx 20rpx 20rpx;
+    border-bottom: 1px solid #ededed;
+  }
+  .btn {
+    display: flex;
+    padding: 22rpx 214rpx;
+    align-items: flex-start;
+    gap: 20rpx;
+    border-radius: 66rpx;
+    background: #e8ad7b;
+    font-size: 32rpx;
+    color: #fff;
+    font-size: 700;
+  }
+}
+</style>
diff --git a/scoreShop/index.vue b/scoreShop/index.vue
deleted file mode 100644
index 91d19d7..0000000
--- a/scoreShop/index.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-	<view class="container">
-		<view class="header">
-			<view class="title">{{ a }}</view>
-		</view>
-	</view>
-</template>
-<script setup>
-
-const arr=ref([1,2,3])
-
-reactive({
-	a:1
-})
-
-
-
-</script>
-<style scoped>
-.container {
-	flex-direction: column;
-}
-.header {
-	flex-direction: row;
-	justify-content: center;
-	align-items: center;
-}
-.title {
-	font-size: 32rpx;
-	font-weight: bold;
-}
-</style>
\ No newline at end of file
diff --git a/scoreShop/index/components/goods-list.vue b/scoreShop/index/components/goods-list.vue
new file mode 100644
index 0000000..c70a764
--- /dev/null
+++ b/scoreShop/index/components/goods-list.vue
@@ -0,0 +1,155 @@
+<template>
+  <view class="goodslist" :class="[layout]">
+    <view v-for="(item, index) in 10" :key="index" @click="toDetail(item)">
+      <template v-if="layout === 'list'">
+        <view class="item">
+          <image class="img" lazy-load></image>
+          <view class="info">
+            <view>
+              <view class="name u-line-1">这里是商品名称</view>
+              <view class="price">8000积分</view>
+            </view>
+            <view class="u-flex u-row-center u-col-center u-flex-col">
+              <view class="btn">兑换</view>
+              <view class="limit">限购2份</view>
+            </view>
+          </view>
+        </view>
+      </template>
+      <template v-if="layout === 'block'">
+        <view class="item">
+          <image class="img" lazy-load></image>
+          <view class="info">
+            <view class="name u-line-1">这里是商品名称</view>
+            <view class="price">8000积分</view>
+            <view class="u-flex u-col-center u-m-t-16 u-row-between">
+              <view class="limit">限购2份</view>
+              <view class="btn">兑换</view>
+            </view>
+          </view>
+        </view>
+      </template>
+    </view>
+  </view>
+</template>
+
+<script setup>
+const props = defineProps({
+  list: {
+    type: Object,
+    default: () => [],
+  },
+  layout: {
+    type: String,
+    default: "block",
+  },
+});
+
+function toDetail(item) {
+  uni.navigateTo({
+    url: '/scoreShop/detail/index?id=' + item.id,
+  })
+}
+</script>
+
+<style lang="scss">
+.goodslist {
+  padding: 28rpx;
+  &.list {
+    .item {
+      background-color: #fff;
+      padding: 32rpx 24rpx;
+      border-radius: 16rpx;
+      display: flex;
+      margin-bottom: 18rpx;
+      .img {
+        width: 112rpx;
+        height: 112rpx;
+        border-radius: 16rpx;
+        background: #d9d9d9;
+      }
+      .info {
+        flex: 1;
+        padding-left: 16rpx;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .name {
+          font-size: 28rpx;
+          color: #333;
+          font-weight: 700;
+        }
+        .price {
+          font-size: 28rpx;
+          margin-top: 14rpx;
+          color: #666;
+        }
+        .btn {
+          padding: 14rpx 48rpx;
+          border-radius: 16rpx;
+          background: linear-gradient(180deg, #f7cc84 0%, #f9dda9 100%);
+          color: #9c571f;
+          font-size: 28rpx;
+          font-weight: 700;
+          &.end {
+            color: #999999;
+            background-color: rgba(153, 153, 153, 0.3);
+          }
+        }
+        .limit {
+          color: #666;
+          font-size: 24rpx;
+          margin-top: 8rpx;
+        }
+      }
+    }
+  }
+  &.block {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    row-gap: 30rpx;
+    column-gap: 52rpx;
+    .item {
+      padding: 32rpx 28rpx;
+      border-radius: 16rpx;
+      background-color: #fff;
+      .img {
+        width: 266rpx;
+        height: 266rpx;
+        border-radius: 16rpx;
+        background: #d9d9d9;
+      }
+      .info {
+        margin-top: 28rpx;
+        .name {
+          font-size: 28rpx;
+          color: #333;
+          font-weight: 700;
+        }
+        .price {
+          font-size: 28rpx;
+          margin-top: 16rpx;
+          font-weight: 700;
+          color: #9C571F;
+        }
+        .btn {
+          padding: 14rpx 48rpx;
+          border-radius: 16rpx;
+          background: linear-gradient(180deg, #f7cc84 0%, #f9dda9 100%);
+          color: #9c571f;
+          font-size: 28rpx;
+          font-weight: 700;
+          &.end {
+            color: #999999;
+            background-color: rgba(153, 153, 153, 0.3);
+          }
+        }
+        .limit {
+          color: #666;
+          font-size: 24rpx;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/scoreShop/index/index.vue b/scoreShop/index/index.vue
new file mode 100644
index 0000000..e698c76
--- /dev/null
+++ b/scoreShop/index/index.vue
@@ -0,0 +1,157 @@
+<template>
+  <view class="min-page bg-f7">
+    <up-navbar
+      title="积分商城"
+      bgColor="transparent"
+      leftIconColor="#333"
+      titleStyle="color:#333"
+    ></up-navbar>
+    <view :style="{ backgroundImage: 'url(' + imgs.bg + ')' }" class="bg">
+      <view class="top">
+        <view>
+          <view class="u-flex">
+            <image :src="imgs.wujiaoxing" class="wujiaoxing"></image>
+            <view class="number u-m-l-20 u-m-r-12">73954</view>
+            <view class="u-flex">
+              <up-icon
+                name="arrow-right"
+                size="18"
+                bold
+                color="#9C571F"
+              ></up-icon>
+            </view>
+          </view>
+          <view class="u-m-t-10 u-flex color1" style="margin-left: 66rpx">
+            <text>积分订单</text>
+            <text class="u-m-l-44">积分明细</text>
+          </view>
+        </view>
+        <view class="u-flex">
+          <image :src="imgs.huizhang" class="huizhang"></image>
+        </view>
+      </view>
+    </view>
+    <view class="bottom">
+      <view class="tab-box u-flex">
+        <view class="tabs u-flex-1 u-flex">
+          <view
+            class="tab-item"
+            :class="tabActive === 0 ? 'active' : ''"
+            @click="tabActive = 0"
+            >优惠券</view
+          >
+          <view
+            class="tab-item"
+            :class="tabActive === 1 ? 'active' : ''"
+            @click="tabActive = 1"
+            >其他商品</view
+          >
+        </view>
+        <view class="u-flex" @click="toggleLayout">
+          <image :src="imgs.layout" class="layout" />
+        </view>
+      </view>
+      <goodsList :layout="layout"></goodsList>
+    </view>
+  </view>
+</template>
+<script setup>
+import goodsList from "./components/goods-list.vue";
+const imgs = {
+  bg: "https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/3716211a58d84fda9ee596a1882c0704.png", //背景图
+  huizhang:
+    "https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/5d07600cc494490aa3adacfe51d8845d.png", //徽章
+  wujiaoxing:
+    "https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/d53e8d88462d4d838b12150062644d03.png", //五角星
+  layout:
+    "https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/cba40ceb38a64bbfbe144f2ab0d6197f.png", //布局
+};
+const layout = ref("block");
+
+function toggleLayout() {
+  layout.value = layout.value === "block" ? "list" : "block";
+}
+
+const tabActive = ref(0);
+</script>
+<style scoped lang="scss">
+.bg {
+  background-size: cover;
+  min-height: 454rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+.top {
+  padding: 138rpx 26rpx 48rpx 42rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  $color: #9c571f;
+  .huizhang {
+    width: 218rpx;
+    height: 212rpx;
+  }
+  .wujiaoxing {
+    width: 68rpx;
+    height: 68rpx;
+  }
+  .color1 {
+    color: $color;
+  }
+  .number {
+    color: $color;
+    font-size: 64rpx;
+    font-weight: 900;
+  }
+}
+.layout {
+  width: 36rpx;
+  height: 36rpx;
+}
+.min-page {
+  display: flex;
+  flex-direction: column;
+}
+.bottom {
+  width: 750rpx;
+  flex: 1;
+  border-radius: 40rpx 40rpx 0 0;
+  position: relative;
+  transform: translateY(-32rpx);
+  z-index: 1;
+  background: #f7f7f7;
+
+  .tab-box {
+    display: flex;
+    align-items: center;
+    padding: 36rpx 32rpx 14rpx 0;
+
+    .tabs {
+      justify-content: center;
+      gap: 200rpx;
+      .tab-item {
+        font-size: 28rpx;
+        color: #666;
+        padding: 16rpx 0;
+        position: relative;
+        &::after {
+          display: block;
+          position: absolute;
+          left: 50%;
+          transform: translateX(-50%);
+          bottom: 0;
+          content: "";
+          width: 58rpx;
+          height: 6rpx;
+          background-color: transparent;
+          transition: all 0.3s;
+        }
+        &.active::after {
+          background-color: #ffaa62;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/scoreShop/order/components/order-list.vue b/scoreShop/order/components/order-list.vue
new file mode 100644
index 0000000..bff6681
--- /dev/null
+++ b/scoreShop/order/components/order-list.vue
@@ -0,0 +1,71 @@
+<template>
+  <view class="list">
+    <view v-for="(item, index) in 10" :key="index" class="item">
+      <view class="u-flex u-row-between">
+        <text class="color-999">2025/08/20 02:37:58</text>
+        <text class="status success">待核销</text>
+      </view>
+      <view class="u-m-t-22 u-flex u-col-center">
+        <up-image width="132rpx" height="132rpx" :src="item.img"></up-image>
+        <view class="u-p-l-36">
+          <view>这里是商品名称</view>
+          <view class="u-m-t-28 color-666">800积分</view>
+        </view>
+      </view>
+      <view class="u-m-t-28 u-flex u-row-right btns">
+        <view class="btn look">查看券码</view>
+        <view class="btn black">申请退款</view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style lang="scss">
+.list {
+  padding: 28rpx;
+  .item {
+    padding: 14rpx 46rpx;
+    border-radius: 24rpx;
+    background: #fff;
+    margin-bottom: 48rpx;
+    .status {
+      padding: 8rpx 18rpx;
+      border-radius: 8rpx;
+      border: 2rpx solid transparent;
+      &.success {
+        background: rgba(123, 209, 54, 0.12);
+        border-color: #7bd136;
+        color: #7bd136;
+      }
+      &.gray {
+        background: #9999991f;
+        border-color: #999;
+        color: #999;
+      }
+      &.error {
+        background: #ff1c1c2e;
+        border-color: #ff1c1c;
+        color: #ff1c1c;
+      }
+    }
+    .btns {
+      display: flex;
+      gap: 34rpx;
+      .btn {
+        padding: 8rpx 14rpx;
+        border-radius: 10rpx;
+        border: 2rpx solid transparent;
+        &.look {
+          border-color: #ededed;
+          color: #333;
+        }
+        &.black {
+          border-color: #343030;
+          background: #343030;
+          color: #fff;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/scoreShop/order/detail.vue b/scoreShop/order/detail.vue
new file mode 100644
index 0000000..4b40416
--- /dev/null
+++ b/scoreShop/order/detail.vue
@@ -0,0 +1,89 @@
+<template>
+  <view class="min-page bg-f7 color-333 u-font-28">
+    <view class="top">
+      <view class="u-flex u-col-center">
+        <up-image width="208rpx" height="208rpx"></up-image>
+        <view class="u-p-l-28 u-flex-1">
+          <view class="font-bold">这里是商品名称</view>
+          <view class="u-flex u-row-between u-m-t-8">
+            <text class="color1 font-bold">8000积分</text>
+            <text class="status success">已完成</text>
+          </view>
+          <view class="u-m-t-8 font-bold color1"> X1 </view>
+        </view>
+      </view>
+      <template v-if="true">
+        <view class="u-m-t-16">
+        <view class="u-flex u-row-center">
+          <up-qrcode cid="ex1" :size="104" :val="qrcode"></up-qrcode>
+        </view>
+        <view class="u-m-t-22 u-flex u-row-center">
+          <text>{{ qrcode }}</text>
+          <view @click="copyCode">
+            <image
+              src="/scoreShop/static/image/copy.png"
+              class="u-m-l-24 copy"
+            ></image>
+          </view>
+        </view>
+      </view>
+      </template>
+      
+      <view class="u-m-t-16">
+        <text class="color-666">领取方式</text>
+        <text class="u-m-l-20">需前往店铺自行兑换领取</text>
+      </view>
+    </view>
+  </view>
+</template>
+<script setup>
+const qrcode = ref("251202150055");
+function copyCode() {
+  uni.setClipboardData({
+    data: qrcode.value,
+    success: function () {
+      uni.showToast({
+        title: "复制成功",
+        icon: "none",
+      });
+    },
+  });
+}
+</script>
+
+<style lang="scss" scoped>
+.min-page {
+  padding: 28rpx;
+}
+.top {
+  padding: 32rpx 24rpx;
+  background: #fff;
+  .color1 {
+    color: #9c571f;
+  }
+  .status {
+    padding: 8rpx 18rpx;
+    border-radius: 8rpx;
+    border: 2rpx solid transparent;
+    &.success {
+      background: rgba(123, 209, 54, 0.12);
+      border-color: #7bd136;
+      color: #7bd136;
+    }
+    &.gray {
+      background: #9999991f;
+      border-color: #999;
+      color: #999;
+    }
+    &.error {
+      background: #ff1c1c2e;
+      border-color: #ff1c1c;
+      color: #ff1c1c;
+    }
+  }
+}
+.copy {
+  width: 28rpx;
+  height: 28rpx;
+}
+</style>
diff --git a/scoreShop/order/index.vue b/scoreShop/order/index.vue
new file mode 100644
index 0000000..839e372
--- /dev/null
+++ b/scoreShop/order/index.vue
@@ -0,0 +1,62 @@
+<template>
+  <view class="min-page bg-f7 u-font-28">
+    <up-sticky>
+      <view class="top">
+        <view
+          v-for="(item, index) in tabs.list"
+          :key="index"
+          class="tab-item"
+          :class="{ active: item.value == tabs.sel }"
+          @click="tabs.sel = item.value"
+          >{{ item.name }}</view
+        >
+      </view>
+    </up-sticky>
+
+    <orderList :list="list" />
+  </view>
+</template>
+
+<script setup>
+import orderList from "./components/order-list.vue";
+const tabs = reactive({
+  list: [
+    {
+      name: "全部订单",
+      value: "",
+    },
+    {
+      name: "待核销",
+      value: "unevaluated",
+    },
+    {
+      name: "已核销",
+      value: "evaluated",
+    },
+    {
+      name: "售后",
+      value: "after_sale",
+    },
+  ],
+  sel: "",
+});
+const list = ref([]);
+</script>
+
+<style scoped lang="scss">
+.top {
+  background-color: #fff;
+  padding: 32rpx 28rpx;
+  display: flex;
+  justify-content: space-between;
+}
+.tab-item {
+  color: #999;
+  transition: all 0.3s ease-in-out;
+  &.active {
+    color: #000;
+    font-size: 32rpx;
+    font-weight: 700;
+  }
+}
+</style>
diff --git a/scoreShop/static/image/copy.png b/scoreShop/static/image/copy.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c0947423edb854d24951e51d04b73e5ee674db0
GIT binary patch
literal 2569
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

literal 0
HcmV?d00001

diff --git a/scoreShop/success/index.vue b/scoreShop/success/index.vue
new file mode 100644
index 0000000..361b7bc
--- /dev/null
+++ b/scoreShop/success/index.vue
@@ -0,0 +1,106 @@
+<template>
+  <view class="min-page bg-f7 u-font-28 color-333">
+    <up-navbar
+      title="兑换成功"
+      bgColor="transparent"
+      leftIconColor="#333"
+      titleStyle="color:#333"
+    ></up-navbar>
+    <view class="content">
+      <view class="bg" :style="{ backgroundImage: `url(${imgs.bg})` }">
+        <image :src="imgs.success" class="success"></image>
+        <view class="u-font-40 font-700">兑换成功</view>
+        <view class="u-font-32 font-700">这里是商品名称</view>
+        <view class="u-m-t-14">需前往店铺自行兑换领取</view>
+      </view>
+      <view class="info u-flex u-flex-col">
+        <view class="u-p-22">
+          <text class="color-666">兑换商品：</text>
+          <text>这里是商品名称</text>
+        </view>
+        <view class="u-p-22">
+          <text class="color-666">兑换数量：</text>
+          <text>1份</text>
+        </view>
+        <view class="u-p-22">
+          <text class="color-666">消耗积分：</text>
+          <text>800</text>
+        </view>
+        <view class="u-p-22">
+          <text class="color-666">下单时间：</text>
+          <text>2025-12-3 17:19：32</text>
+        </view>
+        <view class="u-p-22">
+          <text class="color-666">订单号：</text>
+          <text>：DH202511300001</text>
+        </view>
+      </view>
+      <view class="u-flex bottom u-row-center">
+        <view class="back btn" @click="back">继续兑换</view>
+        <view class="look btn" @click="lookOrder">查看订单</view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+const imgs = {
+  bg: "https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/b625560a5b75418c9e643841f8674a0c.png",
+  success:
+    "https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/2/c2f0865efb444de58ff0d8bb3a51d300.png",
+};
+function back() {
+  uni.navigateBack();
+}
+function lookOrder() {
+ 
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  background: linear-gradient(180deg, #f5cd82 0%, rgba(247, 219, 165, 0) 100%);
+  height: 670rpx;
+  $color: #9c571f;
+  .bg {
+    width: 100%;
+    height: 586rpx;
+    background-size: cover;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    align-items: center;
+    padding-bottom: 26rpx;
+    color: $color;
+
+    .success {
+      width: 310rpx;
+      height: 206rpx;
+    }
+  }
+  .info {
+    padding-left: 174rpx;
+    padding-right: 32rpx;
+  }
+}
+.bottom {
+  gap: 48rpx;
+  margin-top: 44rpx;
+
+  .btn {
+    padding: 14rpx 76rpx;
+    border-radius: 100rpx;
+    font-size: 32rpx;
+    border: 1px solid transparent;
+    &.back {
+      border-color: $my-main-color;
+      color: $my-main-color;
+    }
+    &.look {
+      background-color: $my-main-color;
+      border-color: $my-main-color;
+      color: #fff;
+    }
+  }
+}
+</style>