From 5aa469a7b75b70c3fe45d56cce9b4eee54a7e56d Mon Sep 17 00:00:00 2001
From: YeMingfei666 <1619116647@qq.com>
Date: Tue, 21 Oct 2025 14:46:55 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=85=91=E6=8D=A2=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/css/common.scss               |   6 ++
 components/wechat-ac-qrcode.vue      |   7 +-
 pages.json                           |   7 ++
 user/exchange/components/confirm.vue | 101 +++++++++++++++++++++
 user/exchange/components/result.vue  |  81 +++++++++++++++++
 user/exchange/index.vue              | 126 +++++++++++++++++++++++++++
 user/static/duihuan.png              | Bin 0 -> 1483 bytes
 7 files changed, 326 insertions(+), 2 deletions(-)
 create mode 100644 user/exchange/components/confirm.vue
 create mode 100644 user/exchange/components/result.vue
 create mode 100644 user/exchange/index.vue
 create mode 100644 user/static/duihuan.png

diff --git a/common/css/common.scss b/common/css/common.scss
index b6959e6..d0fb819 100644
--- a/common/css/common.scss
+++ b/common/css/common.scss
@@ -74,6 +74,9 @@ page,
 	.font-700{
 		font-weight: 700;
 	}
+	.font-bold{
+		font-weight: 700;
+	}
 	.font-14{
 		font-size: 14px;
 	}
@@ -97,4 +100,7 @@ page,
 	}
 	.justify-between{
 		justify-content: space-between;
+	}
+	.justify-center{
+		justify-content: center;
 	}
\ No newline at end of file
diff --git a/components/wechat-ac-qrcode.vue b/components/wechat-ac-qrcode.vue
index 0f9ab45..9db8e26 100644
--- a/components/wechat-ac-qrcode.vue
+++ b/components/wechat-ac-qrcode.vue
@@ -35,7 +35,10 @@ function qrcodeResult(e) {
 
 <style scoped>
 .qrcode-box {
-  position: fixed;
-  transform: translateX(200vw, 200vh);
+  position: relative;
+  overflow: hidden;
+  width: 1px;
+  height: 1px;
+  opacity: 0;
 }
 </style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 2bea098..e1661c8 100644
--- a/pages.json
+++ b/pages.json
@@ -231,6 +231,13 @@
 				"style": {
 					"navigationBarTitleText": "积分门店"
 				}
+			},
+			{
+				"path": "exchange/index",
+				"style": {
+					"navigationBarTitleText": "",
+					"navigationStyle": "custom"
+				}
 			}
 
 		]
diff --git a/user/exchange/components/confirm.vue b/user/exchange/components/confirm.vue
new file mode 100644
index 0000000..04d9acd
--- /dev/null
+++ b/user/exchange/components/confirm.vue
@@ -0,0 +1,101 @@
+<template>
+  <view class="">
+    <up-popup
+      :show="show"
+      bgColor="transparent"
+      :safeAreaInsetBottom="false"
+       :closeOnClickOverlay="false"
+        @close="close"
+      mode="center"
+    >
+      <view class="box">
+        <view class="u-flex top justify-between u-p-32">
+          <text class="title">确认信息</text>
+          <up-icon name="close"></up-icon>
+        </view>
+        <view class="info">
+          <view class="color-333">兑换码包含内容如下:</view>
+          <view class="u-m-t-32 u-flex u-col-center">
+            <view class="color-333 font-bold small-title">店铺</view>
+            <text class="color-666 u-m-l-38">店铺名称</text>
+          </view>
+          <view class="u-m-t-32 u-flex u-col-center">
+            <view class="color-333 font-bold small-title">名称</view>
+            <text class="color-666 u-m-l-38">10张券兑换码</text>
+          </view>
+          <view class="u-m-t-32 u-flex u-col-center">
+            <view class="color-333 font-bold small-title">优惠券</view>
+            <text class="color-666 u-m-l-38">优惠券名称*2、优惠券名称*1</text>
+          </view>
+          <view class="u-m-t-32 u-flex u-col-center" style="gap: 54rpx">
+            <view class="cancel" @click="close">取消</view>
+            <view class="confirm" @click="confirm">确认</view>
+          </view>
+        </view>
+      </view>
+    </up-popup>
+  </view>
+</template>
+
+<script setup>
+import { ref } from "vue";
+const show = defineModel({
+  type: Boolean,
+  default: false,
+});
+const emits = defineEmits(["cancel", "confirm"]);
+function close() {
+  show.value = false;
+  emits("cancel");
+}
+function confirm() {
+  show.value = false;
+  emits("confirm");
+}
+</script>
+<style lang="scss" scoped>
+.box {
+  width: 586rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+  overflow: hidden;
+  .title {
+    color: #000000;
+    font-size: 32rpx;
+    font-weight: 700;
+  }
+  .top {
+    border-bottom: 2rpx solid #ededed;
+  }
+  .info {
+    padding: 32rpx 40rpx 40rpx 40rpx;
+    font-size: 28rpx;
+  }
+  .small-title {
+    min-width: 84rpx;
+    text-align: right;
+  }
+}
+
+.cancel {
+  padding: 14rpx 76rpx;
+  border-radius: 36rpx;
+  border: 2rpx solid #e8ad7b;
+  color: #e8ad7b;
+  font-size: 32rpx;
+  font-weight: 400;
+  white-space: nowrap;
+  line-height: 48rpx;
+}
+.confirm {
+  padding: 14rpx 76rpx;
+  border-radius: 36rpx;
+  background-color: #e8ad7b;
+  border: 2rpx solid #e8ad7b;
+  color: #fff;
+  font-size: 32rpx;
+  font-weight: 400;
+  line-height: 48rpx;
+  white-space: nowrap;
+}
+</style>
diff --git a/user/exchange/components/result.vue b/user/exchange/components/result.vue
new file mode 100644
index 0000000..c9597e7
--- /dev/null
+++ b/user/exchange/components/result.vue
@@ -0,0 +1,81 @@
+<template>
+    <view class="">
+      <up-popup
+        :show="show"
+        bgColor="transparent"
+        :safeAreaInsetBottom="false"
+        :closeOnClickOverlay="false"
+        @close="close"
+        mode="center"
+      >
+        <view class="box">
+         <view class="title">{{ title }}</view>
+         <view class="u-flex justify-center" style="margin-top: 72rpx;">
+            <view class="confirm" @click="confirm">确认</view>
+         </view>
+        </view>
+      </up-popup>
+    </view>
+  </template>
+  
+  <script setup>
+  import { ref } from "vue";
+  const show = defineModel({
+    type: Boolean,
+    default: false,
+  });
+  const props=defineProps({
+    title: {
+      type: String,
+      default: "",
+    },
+  });
+  const emits = defineEmits(["cancel", "confirm"]);
+  function close() {
+    show.value = false;
+    emits("cancel");
+  }
+  function confirm() {
+    show.value = false;
+    emits("confirm");
+  }
+  </script>
+  <style lang="scss" scoped>
+  .box {
+    width: 586rpx;
+    background-color: #fff;
+    border-radius: 16rpx;
+    overflow: hidden;
+    padding: 64rpx 32rpx 32rpx 32rpx;
+    .title {
+      color: #000000;
+      font-size: 32rpx;
+      font-weight: 700;
+      text-align: center;
+    }
+    
+  }
+  
+  .cancel {
+    padding: 14rpx 76rpx;
+    border-radius: 36rpx;
+    border: 2rpx solid #e8ad7b;
+    color: #e8ad7b;
+    font-size: 32rpx;
+    font-weight: 400;
+    white-space: nowrap;
+    line-height: 48rpx;
+  }
+  .confirm {
+    padding: 14rpx 76rpx;
+    border-radius: 36rpx;
+    background-color: #e8ad7b;
+    border: 2rpx solid #e8ad7b;
+    color: #fff;
+    font-size: 32rpx;
+    font-weight: 400;
+    line-height: 48rpx;
+    white-space: nowrap;
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/user/exchange/index.vue b/user/exchange/index.vue
new file mode 100644
index 0000000..890b8cc
--- /dev/null
+++ b/user/exchange/index.vue
@@ -0,0 +1,126 @@
+<template>
+  <view class="">
+    <up-navbar
+      bg-color="transparent"
+      title="兑换中心"
+      @leftClick="back"
+    ></up-navbar>
+
+    <view class="top"> </view>
+    <view class="box">
+      <view class="info">
+        <view class="titile">兑换您的专属福利 </view>
+        <view class="u-flex justify-center">
+          <view class="input-box u-flex">
+            <image class="icon" src="/user/static/duihuan.png"></image>
+            <view class="u-flex-1">
+              <input placeholder="请输入兑换码" />
+            </view>
+          </view>
+        </view>
+        <view class="u-flex justify-center u-m-t-24">
+          <button class="duihuan">确认兑换</button>
+        </view>
+      </view>
+
+      <view class="desc">
+        <view>兑换说明:</view>
+        <view>
+          兑换说明： 1、请直接输入您获得的兑换码，点击立即兑换即可
+          2、兑换码为一次性，兑换完成之后即失效
+          3、兑换获得的奖励，将直接发送至您的账号，可直接前往余额或优惠券查看
+          4、兑换码为赠品，不可转赠、不退不换
+          5、兑换码需在有效期内完成兑换，过期即作废
+        </view>
+      </view>
+    </view>
+
+    <confirmModal v-model="modal.confirm.show"></confirmModal>
+    <resultModal v-model="modal.result.show" :title="modal.result.title"></resultModal>
+  </view>
+</template>
+
+<script setup>
+import { result } from "lodash";
+import confirmModal from "./components/confirm.vue";
+import resultModal from "./components/result.vue";
+import { reactive } from "vue";
+const modal = reactive({
+  confirm: {
+    show: false,
+  },
+  result:{
+    show:true,
+    title:'该兑换码无效，请输入有效兑换码'
+  }
+});
+function back() {
+  uni.navigateBack();
+}
+</script>
+
+<style scoped lang="scss">
+.top {
+  width: 962rpx;
+  height: 648rpx;
+  flex-shrink: 0;
+  border-radius: 962rpx;
+  background: linear-gradient(357deg, #faf7ee 3.12%, #d8b285 71.51%);
+  position: relative;
+  transform: translateX(-104rpx) translateY(-136rpx);
+}
+.box {
+  position: relative;
+  transform: translateY(-340rpx);
+  .info {
+    padding: 0 74rpx;
+  }
+}
+.input-box {
+  display: flex;
+  width: 604rpx;
+  height: 106rpx;
+  padding: 30rpx 40rpx;
+  align-items: center;
+  gap: 20rpx;
+  flex-shrink: 0;
+  border-radius: 70rpx;
+  border: 2rpx solid #c58e4d;
+  background: #fff;
+  margin-top: 60rpx;
+  .icon {
+    width: 30rpx;
+    height: 30rpx;
+  }
+}
+.titile {
+  color: #5c2602;
+  font-family: "Source Han Sans CN";
+  font-size: 48rpx;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+  letter-spacing: 0.01rpx;
+  text-align: center;
+}
+.duihuan {
+  padding: 22rpx 236rpx;
+  border-radius: 110rpx;
+  background: #e8ad7b;
+  line-height: 48rpx;
+  margin: 0;
+  white-space: nowrap;
+  font-size: 32rpx;
+  color: #ffffff;
+  font-weight: 700;
+}
+.desc {
+  width: 662rpx;
+  color: #666666;
+  font-size: 24rpx;
+  font-weight: 400;
+  letter-spacing: 0.01rpx;
+  padding: 0 44rpx;
+  margin-top: 160rpx;
+}
+</style>
\ No newline at end of file
diff --git a/user/static/duihuan.png b/user/static/duihuan.png
new file mode 100644
index 0000000000000000000000000000000000000000..f83fb4e50dfa71d58df3cbf07fd820dc08f10696
GIT binary patch
literal 1483
zcmV;+1vL7JP)<h;3K|Lk000e1NJLTq003A3003AB1^@s6ag{JM00009a7bBm001mY
z001mY0i`{bsQ>@~0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1z<@;K~#7F?VUet
z8&w#<zxP}L5>oNNpQRGlfCOQ|OqpmCpfEMKz(Bj;2#}Ca<78n0lvDzSF2wDC5Qv6_
zG9cun9gvE^?UqiSC<sVzfTb`*g$|YK`})4C-P(8OKgqqn?)ynma?ifA{qys??|Yx`
z1;FF+cs!<HU@<4lk55As?MDVBL@bG>pzG$4F$e)!lX1RwwEjl}EW|p&pO%B-u83D7
zzy+~c+{Ug#IBT?6bZoI6hF}R+2|ih#s74Vk!}i3c;J}uTu5TU#3$Q}4=(Rxs*(pSr
z26==L#~IVT*|=bm%OmzP^p3Cn2)q6cM!5f0TXGW&VN~!?xl9N`tclNjLu@sLsIA2Q
z(_%m<al|TMU*Se28xuTG?j5l!NvQ*lSK-K(`iLgU&zKl4I2fXUd<nAUHX|lvtcS~^
z$|b~oSH*raB6MqH++3tF9t>cl2cI|?RFGx7;9GKMwj(x++H9~Y4)#Xs@W>YD&up%M
zMvU}eA$KX&D3S&t_fTHBM0Gu^(3_QhTwJ0!8#JO_aGafG3=Qp`8-gV0&7!e9(OfLF
zcm*_~T`*#l{^&BcD*FT!9}ihAbpywjK_mJF1D2C*BE7AF0wNx*BzrL>GdhO}t%Bp>
z0TXF3i{o1*F)EGc;w+vzcA-@$gC?{J#@3A>-N?>^N*G&%)I-KIb6U_VnDHRl#;_;-
zl@4pMFxAH30nmi*F*sxFW4Xh!ffTZij{#^xvtZO3gW7<xRQYbf3s#I5te9P(h|kJT
z1~;HLEJJKPDgyl;M937h(`O|hM5S~a6qAoB%1m4D)_<2Ck4v3R>nd1QV6=*ZZAdSi
zN)x=z(vR&>J@1f=3{#5WF_YUtN~uYT;M(lo%aD+J@BO=B_rrVQ-!Aaa<zL|XwX4bI
zuw81}aWa(qBo|jF5^_tkb1?OK)fu@RHomRF#_67kJ@Lup^aYq@*dh7DG|qeGS0|r)
z752UPp>uKx>J+7eb3JX0;eN<LZoy)Hce;C<dauh&9j^9l=bb;!--8qLyASPs3S1^W
zcRaEu(R!aj!JdJ5!HV&M72^dfM%iRf78J;51oPUV6Pd0sQk!53;3<%|1&Vo-A(;xa
z4G}iUCFuEFz48~RMw?(8Gdms6N!t+dLiIRYJbl87F_@r?bF2hEHuYlsbGPBcG{tzq
zit&OK;{_|m3s#KQR9QEaNHo_^!GBl&hG*aUAg&SWW^4tM-0$B%aywh2qGsib3!s~^
z93ql(J8dSCoUs#}C6~~Zxg{AZ!Tsb;KL1)=={CXG2p%N&!2EGA#aIZoRW9MYV4LL<
zRtVl{Dam%ZgmJ-tZk&VFxA(#4M@n$v%a2Ch&jq=Jalscwt*+C1n`gd)bG7$|?&FGF
z!nojj60zx}pS~L?*(JGzalr>fDJeNe&`+{!atY&tN$x8je=}6Fi*gAoqKILVU6o5%
z69*5HOi_l5atW&vjee4oxFVOZE|VK3*(JGzm8o(+$*##IteuPKNTy2?Xdaj5b6t~5
zSY0wA$%j|Yg3I`-vSPeo#dyJr@q!iO1uMo2R*ZDPwtRy<57+;f_Znmf4!bw#D@rc&
zZ^pV2i}hba*dY=G_pS~3V|#khMM&(~Pu}Ti>$7C}$mGuCXbD*!vD+7%b>?pAI<yBT
zCLLPw<WhVsU$S$w82=h_AZbaNi4_1;e^sAmXyNGjwar`$U`RR1Ro6Ecgy3B7v~@6O
zwpg?XIVpf7e)w&x{?ZdgF=Vl6aGVIRh8*T(EZ8so-#pw};)^dZhEF3pw9FSRMUL#e
lIH%Nw*amn!9*@U)ZUVLSZ>yt`q1ONa002ovPDHLkV1kBqx{m+=

literal 0
HcmV?d00001