From 728dfd501f9be75c221df3579de30701d9d0ed83 Mon Sep 17 00:00:00 2001
From: pengxiaolong <15716207+pengxiaolong711@user.noreply.gitee.com>
Date: Fri, 23 May 2025 22:04:04 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/NewAddedPk/NewAddedPk.vue               | 29 ++++++++++++-------
 .../.sourcemap/mp-weixin/NewAddedPk.js.map    |  2 +-
 unpackage/dist/dev/mp-weixin/NewAddedPk.js    |  3 +-
 .../pages/NewAddedPk/NewAddedPk.wxml          |  2 +-
 .../pages/NewAddedPk/NewAddedPk.wxss          | 24 ++++++++++-----
 5 files changed, 39 insertions(+), 21 deletions(-)

diff --git a/pages/NewAddedPk/NewAddedPk.vue b/pages/NewAddedPk/NewAddedPk.vue
index 17eda9d..91dc132 100644
--- a/pages/NewAddedPk/NewAddedPk.vue
+++ b/pages/NewAddedPk/NewAddedPk.vue
@@ -1,5 +1,5 @@
-<template>
-  <view v-if="Display" class="Mask create-module" @click="open()">
+<template><view v-if="Display" :class="[Display ? 'create-module' : 'close-animation ', 'Mask']" @click="open()">
+  
     <view @click.stop class="containers">
       <view class="container">
         <image
@@ -276,21 +276,28 @@ export default {
 
 <style scoped>
 /* 定义动画 */
+/* 原始进入动画 */
 @keyframes slide-in {
-  from {
-    transform: translateY(100%);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
+  from { transform: translateY(100%); opacity: 0; }
+  to { transform: translateY(0); opacity: 1; }
 }
 
-/* 应用动画到组件 */
+/* 新增关闭动画 */
+@keyframes slide-out {
+  from { transform: translateY(0); opacity: 1; }
+  to { transform: translateY(-100%); opacity: 0; }
+}
+
+/* 进入动画类 */
 .create-module {
   animation: slide-in 0.3s ease-in-out;
 }
+
+/* 关闭动画类 */
+.close-animation {
+  animation: slide-out 0.3s ease-in-out forwards;
+}
+
 .Mask {
   width: 100vw;
   height: 100vh;
diff --git a/unpackage/dist/dev/.sourcemap/mp-weixin/NewAddedPk.js.map b/unpackage/dist/dev/.sourcemap/mp-weixin/NewAddedPk.js.map
index 1d2ae3a..d712342 100644
--- a/unpackage/dist/dev/.sourcemap/mp-weixin/NewAddedPk.js.map
+++ b/unpackage/dist/dev/.sourcemap/mp-weixin/NewAddedPk.js.map
@@ -1 +1 @@
-{"version":3,"file":"NewAddedPk.js","sources":["pages/NewAddedPk/NewAddedPk.vue"],"sourcesContent":["<template>\r\n  <view v-if=\"Display\" class=\"Mask create-module\" @click=\"open()\">\r\n    <view @click.stop class=\"containers\">\r\n      <view class=\"container\">\r\n        <image\r\n          class=\"Fork\"\r\n          @click=\"open()\"\r\n          src=\"../../static/Fork.png\"\r\n          mode=\"scaleToFill\"\r\n        />\r\n        <view class=\"Title\">发布新PK</view>\r\n        <!-- <view class=\"Individual\"> -->\r\n        <view class=\"NameAnchor\">\r\n          <input\r\n            class=\"NameAnchorcss\"\r\n            cursor-color=\"#ffffff\"\r\n            placeholder-style=\"color:#ffffff\"\r\n            @input=\"NameAnchor\"\r\n            placeholder=\"主播名称\"\r\n          />\r\n          <view v-if=\"nameAnchor === '' && Hint === true\" class=\"Hint\"\r\n            >请填写主播名称</view\r\n          >\r\n        </view>\r\n\r\n       \r\n        <!-- </view> -->\r\n\r\n        <view class=\"Accountnumber\">\r\n          <view class=\"Coins country\">\r\n            <wht-select\r\n            style=\"width: 350rpx\"\r\n              backgroundColor=\"#fff70065\"\r\n              borderRadius=\"20\"\r\n              placeholderColor=\"#ffffff\"\r\n              textColor=\"#7cba59\"\r\n              borderColor=\"#ffffff\"\r\n              @change=\"country\"\r\n              :options=\"Country\"\r\n              filterable= true\r\n              placeholder=\"请选择国家\"\r\n            />\r\n            <view v-if=\"countrys === '' && Hint === true\" class=\"Hint\">请选择国家</view>\r\n          </view>\r\n          <view class=\"Gender\">\r\n         <view class=\"Gendercs\">\r\n          <view class=\"Gendercss\">\r\n            <wht-select\r\n              style=\"width: 300rpx\"\r\n              backgroundColor=\"#ffaa0082\"\r\n              borderRadius=\"20\"\r\n              placeholderColor=\"#ffffff\"\r\n              textColor=\"#ffffff\"\r\n              borderColor=\"#ffffff\"\r\n              @change=\"gender\"\r\n              :options=\"Gender\"\r\n              placeholder=\"性别\"\r\n            />\r\n          </view>\r\n          <view class=\"Gendericoncss\">\r\n            <image\r\n            v-if=\"genders === 0\"\r\n            class=\"Gendericon\"\r\n              src=\"../../static/ask.png\"\r\n              mode=\"scaleToFill\"\r\n            />\r\n            <image\r\n            v-if=\"genders === 1\"\r\n            class=\"Gendericon\"\r\n              src=\"../../static/man.png\"\r\n              mode=\"scaleToFill\"\r\n            />\r\n            <image\r\n            v-if=\"genders === 2\"\r\n            class=\"Gendericon\"\r\n              src=\"../../static/girl.png\"\r\n              mode=\"scaleToFill\"\r\n            /> \r\n          </view>\r\n         </view>\r\n         <view v-if=\"genders === 0 && Hint === true\" class=\"Hintcss\">请选择性别</view>\r\n        </view>\r\n          \r\n        </view>\r\n        \r\n        <view class=\"goldCoin\">\r\n            <view class=\"number-box\">\r\n              <view class=\"number-box-title\">金币数量:</view>\r\n              <uni-number-box background=\"#2bff001e\" v-model=\"numberCoins\"></uni-number-box>\r\n              <view class=\"number-box-title\">单位:</view>\r\n              <view class=\"number-box-unit\">K</view>\r\n            </view>\r\n            <view v-if=\"numberCoins === '' && Hint === true\" class=\"Hint\"\r\n              >请填写金币数量</view\r\n            >\r\n          </view>\r\n          \r\n        <view class=\"time\">\r\n          <uni-datetime-picker\r\n            type=\"datetime\"\r\n            v-model=\"datetimesingle\"\r\n            @change=\"changeLog\"\r\n          />\r\n          <view v-if=\"datetimesingle === '' && Hint === true\" class=\"Hint\"\r\n            >请选择日期</view\r\n          >\r\n        </view>\r\n\r\n        <view class=\"Remarkscss\">\r\n          <uni-easyinput\r\n           :styles=\"styles\"\r\n           :placeholderStyle=\"placeholderStyle\"\r\n            type=\"textarea\"\r\n            v-model=\"remarks\"\r\n            placeholder=\"备注\"\r\n          ></uni-easyinput>\r\n        </view>\r\n\r\n        <view class=\"Publish\">\r\n          <button @click=\"Publish()\" class=\"Publishcss\">发布</button>\r\n        </view>\r\n      </view>\r\n    </view>\r\n  </view>\r\n</template>\r\n<script>\r\nimport optionsArray from \"../../components/NationalDictionary.js\";\r\nimport request from \"../../components/request.js\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      genders: 0, //性别\r\n      Gender: [\r\n        { label: \"男\", value: 1 },\r\n        { label: \"女\", value: 2 },\r\n      ],\r\n      Country: optionsArray,\r\n      countrys: \"\", //国家\r\n      nameAnchor: \"\", //主播名称\r\n      numberCoins: \"\", //金币数量\r\n      remarks: \"\", //备注\r\n      Display: false,\r\n      Hint: false,\r\n      datetimesingle: \"\", //日期\r\n      id: null, //用户id\r\n      sendingTime: \"\", //发送时间\r\n      placeholderStyle: \"color:#ffffff;font-size:14px\",\r\n      styles: {\r\n        backgroundColor: \"#2bff001e\",\r\n        color: \"#ffffff\",\r\n        borderColor: \"#00bd069d\",\r\n      }\r\n    };\r\n  },\r\n  onLoad() {\r\n    uni.getStorage({\r\n      key: \"userinfo\",\r\n      success: (res) => {\r\n        this.id = res.data.id;\r\n      },\r\n    });\r\n  },\r\n  methods: {\r\n    gender(item) {\r\n      this.genders = item.value;\r\n      console.log(item);\r\n    },\r\n\r\n    country(item) {\r\n      this.countrys = item.value;\r\n      console.log(item);\r\n    },\r\n\r\n    handleOverlayClick(event) {\r\n      if (event.target === this.$el) {\r\n        this.Display = false;\r\n        this.Hint = false;\r\n      }\r\n    },\r\n    open() {\r\n      if (this.Display) {\r\n        this.Display = false;\r\n        this.Hint = false;\r\n        this.nameAnchor = \"\";\r\n        this.genders = \"\";\r\n        this.numberCoins = \"\";\r\n        this.remarks = \"\";\r\n        this.datetimesingle = \"\";\r\n        this.countrys = \"\";\r\n      } else {\r\n        this.Display = true;\r\n      }\r\n    },\r\n    //获取主播名称\r\n    NameAnchor: function (event) {\r\n      this.nameAnchor = event.target.value;\r\n    },\r\n\r\n    async Publish() {\r\n      //判断是否为空\r\n      if (\r\n        this.nameAnchor === \"\" ||\r\n        this.genders === \"\" ||\r\n        this.numberCoins === \"\" ||\r\n        this.countrys === \"\" ||\r\n        this.datetimesingle === \"\"\r\n      ) {\r\n        this.Hint = true;\r\n        return;\r\n      }\r\n      //格式化日期\r\n      const isoString = this.datetimesingle.replace(\" \", \"T\");\r\n      const timestamp = Date.parse(isoString);\r\n      if (isNaN(timestamp)) {\r\n        throw new Error(`Invalid date format: ${this.datetimesingle}`);\r\n      }\r\n      this.sendingTime = Math.floor(timestamp / 1000);\r\n      const secondsTimestamp = Math.floor(Date.now() / 1000);\r\n\r\n      if (this.sendingTime < secondsTimestamp) {\r\n        uni.showToast({\r\n          title: \"日期不能早于当前时间\",\r\n          icon: \"none\",\r\n          duration: 2000,\r\n        });\r\n        return;\r\n      }\r\n      //发送请求\r\n      uni.showLoading({\r\n        title: \"发布中...\",\r\n        mask: true,\r\n      });\r\n      const res = await request({\r\n        url: \"pk/addPkData\",\r\n        method: \"POST\",\r\n        data: {\r\n          anchorId: this.nameAnchor,\r\n          pk_time: this.datetimesingle,\r\n          sex: this.genders,\r\n          country: this.countrys,\r\n          coin: this.numberCoins,\r\n          remark: this.remarks,\r\n          status: 0,\r\n          sender_id: this.id,\r\n          anchorIcon: \"\",\r\n        },\r\n        userInfo: true,\r\n      });\r\n      if (res.code === 200) {\r\n        this.Display = false;\r\n        this.Hint = false;\r\n        this.nameAnchor = \"\";\r\n        this.genders = 0;\r\n        this.numberCoins = \"\";\r\n        this.remarks = \"\";\r\n        this.datetimesingle = \"\";\r\n        uni.hideLoading();\r\n        uni.showToast({\r\n          title: \"发布成功\",\r\n          icon: \"success\",\r\n          duration: 2000,\r\n        });\r\n      } else {\r\n        uni.hideLoading();\r\n        uni.showToast({\r\n          title: \"发布失败\",\r\n          icon: \"none\",\r\n          duration: 2000,\r\n        });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* 定义动画 */\r\n@keyframes slide-in {\r\n  from {\r\n    transform: translateY(100%);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n/* 应用动画到组件 */\r\n.create-module {\r\n  animation: slide-in 0.3s ease-in-out;\r\n}\r\n.Mask {\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background: #00000076;\r\n  display: flex;\r\n  flex-direction: column-reverse;\r\n}\r\n.Hint {\r\n  color: rgb(255, 0, 0);\r\n  font-size: 20rpx;\r\n  margin-left: 30rpx;\r\n  margin-top: 10rpx;\r\n}\r\n.Hintcss{\r\n  color: rgb(255, 0, 0);\r\n  font-size: 20rpx;\r\n  margin-left: 30rpx;\r\n  margin-top: 20rpx;\r\n}\r\n.containers {\r\n  background-color: #ffffff;\r\n  border-radius: 50rpx;\r\n}\r\n.container {\r\n  display: flex;\r\n  background-image: linear-gradient(135deg, #00ff4025, #00d5ff3b);\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 1300rpx;\r\n  border-radius: 50rpx;\r\n  box-shadow: 0 0 10rpx #ccc;\r\n}\r\n.Fork {\r\n  width: 50rpx;\r\n  height: 50rpx;\r\n  margin-top: 20rpx;\r\n  /* margin-bottom: 40rpx; */\r\n  margin-left: 90%;\r\n}\r\n.Title {\r\n  width: 100%;\r\n  height: 80rpx;\r\n  font-size: 70rpx;\r\n  font-weight: bold;\r\n  text-align: center;\r\n  margin-top: 40rpx;\r\n  margin-bottom: 40rpx;\r\n  /* 设置渐变背景 */\r\n  background-image: linear-gradient(135deg, #ffff00, #00d9ff);\r\n  /* 关键属性组合 */\r\n  -webkit-background-clip: text; /* 兼容 iOS/Android */\r\n  background-clip: text;\r\n  /* 文字颜色设为透明 */\r\n  color: transparent;\r\n  /* 防止背景溢出 */\r\n  display: inline-block;\r\n  padding: 8rpx 16rpx;\r\n  text-shadow: 0 6rpx 8rpx rgba(0, 0, 0, 0.2);\r\n}\r\n.Individual {\r\n  display: flex;\r\n  /* justify-content: center; */\r\n}\r\n.NameAnchor {\r\n  width: 90%;\r\n  margin: 40rpx;\r\n}\r\n.time {\r\n  width: 90%;\r\n  margin-left: 5%;\r\n  margin-top: 50rpx;\r\n}\r\n.NameAnchorcss {\r\n  width: 99%;\r\n  height: 85rpx;\r\n  background-image: linear-gradient(135deg, #d9ff007a, #00ffb364);\r\n  border-top: 2rpx solid #ffbf0049;\r\n  border-bottom: 2rpx solid #125b003a;\r\n  border-left: 2rpx solid #ffbf0050;\r\n  border-right: 2rpx solid #125b0036;\r\n  border-radius: 30rpx;\r\n  text-align: center;\r\n  color:#ffffff;\r\n}\r\n.Gender {\r\n  width: 310rpx;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n.Gendercs{\r\n  display: flex;\r\n  justify-content: center;\r\n  /* align-items: center; */\r\n}\r\n.Gendercss{\r\n  width: 200rpx;\r\n  height: 60rpx;\r\n}\r\n.Gendericoncss{\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 60rpx;\r\n  height: 60rpx;\r\n  border-radius: 50%;\r\n  border: 1rpx solid #ff9d0067;\r\n  margin-left: 20rpx;\r\n  margin-top: 10rpx;\r\n}\r\n.Gendericon{\r\n  width: 40rpx;\r\n  height: 40rpx;\r\n  /* margin-top: 10rpx;\r\n  margin-right: 40rpx; */\r\n}\r\n.Accountnumber {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-bottom: 60rpx;\r\n  margin-top: 50rpx;\r\n}\r\n.Coins {\r\n  width: 330rpx;\r\n  height: 65rpx;\r\n  /* display: flex; */\r\n  margin-right: 50rpx;\r\n  /* flex-direction: column; */\r\n}\r\n.country {\r\n  margin-left:10rpx;\r\n}\r\n.goldCoin {\r\n  width: 100%;\r\n  height: 100rpx;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n.number-box {\r\n  display: flex;\r\n  justify-content: center;\r\n  text-align: center;\r\n}\r\n.number-box-title {\r\n  /* margin-right: 20rpx; */\r\n   /* 设置渐变背景 */\r\n   background-image: linear-gradient(135deg, #00ff227a, #a200ff64);\r\n  /* 关键属性组合 */\r\n  -webkit-background-clip: text; /* 兼容 iOS/Android */\r\n  background-clip: text;\r\n  /* 文字颜色设为透明 */\r\n  color: transparent;\r\n  /* 防止背景溢出 */\r\n  display: inline-block;\r\n  padding: 8rpx 16rpx;\r\n}\r\n.number-box-unit {\r\n  color: #ffb30067;\r\n  width: 48rpx;\r\n  height: 48rpx;\r\n  border: 1rpx solid #ff9d006f;\r\n  border-radius: 50%;\r\n  line-height: 48rpx;\r\n  text-align: center;\r\n  /* color: #003cff5a; */\r\n}\r\n.Remarkscss {\r\n  width: 90%;\r\n  margin-top: 30rpx;\r\n  margin-left: 5%;\r\n  margin-right: 5%;\r\n  margin-bottom: 50rpx;\r\n  border-radius: 10rpx;\r\n}\r\n\r\n.Publish {\r\n  margin-bottom: 40rpx;\r\n  width: 90%;\r\n  margin-left: 5%;\r\n}\r\n.Publishcss {\r\n  background-image: linear-gradient(135deg, #00ffb354, #c300ff37);\r\n  /* color: #33ff00; */\r\n  color: #ffffff;\r\n  border-bottom: 2rpx solid #c300ff37;\r\n  border-top: 2rpx solid #00ffb354;\r\n  border-right: 2rpx solid #c300ff37;\r\n  border-left: 2rpx solid #00ffb354;\r\n  font-weight: bold;\r\n  border-radius: 50rpx;\r\n}\r\n</style>\r\n"],"names":["optionsArray","uni","request"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"NewAddedPk.js","sources":["pages/NewAddedPk/NewAddedPk.vue"],"sourcesContent":["<template><view v-if=\"Display\" :class=\"[Display ? 'create-module' : 'close-animation ', 'Mask']\" @click=\"open()\">\r\n  \r\n    <view @click.stop class=\"containers\">\r\n      <view class=\"container\">\r\n        <image\r\n          class=\"Fork\"\r\n          @click=\"open()\"\r\n          src=\"../../static/Fork.png\"\r\n          mode=\"scaleToFill\"\r\n        />\r\n        <view class=\"Title\">发布新PK</view>\r\n        <!-- <view class=\"Individual\"> -->\r\n        <view class=\"NameAnchor\">\r\n          <input\r\n            class=\"NameAnchorcss\"\r\n            cursor-color=\"#ffffff\"\r\n            placeholder-style=\"color:#ffffff\"\r\n            @input=\"NameAnchor\"\r\n            placeholder=\"主播名称\"\r\n          />\r\n          <view v-if=\"nameAnchor === '' && Hint === true\" class=\"Hint\"\r\n            >请填写主播名称</view\r\n          >\r\n        </view>\r\n\r\n       \r\n        <!-- </view> -->\r\n\r\n        <view class=\"Accountnumber\">\r\n          <view class=\"Coins country\">\r\n            <wht-select\r\n            style=\"width: 350rpx\"\r\n              backgroundColor=\"#fff70065\"\r\n              borderRadius=\"20\"\r\n              placeholderColor=\"#ffffff\"\r\n              textColor=\"#7cba59\"\r\n              borderColor=\"#ffffff\"\r\n              @change=\"country\"\r\n              :options=\"Country\"\r\n              filterable= true\r\n              placeholder=\"请选择国家\"\r\n            />\r\n            <view v-if=\"countrys === '' && Hint === true\" class=\"Hint\">请选择国家</view>\r\n          </view>\r\n          <view class=\"Gender\">\r\n         <view class=\"Gendercs\">\r\n          <view class=\"Gendercss\">\r\n            <wht-select\r\n              style=\"width: 300rpx\"\r\n              backgroundColor=\"#ffaa0082\"\r\n              borderRadius=\"20\"\r\n              placeholderColor=\"#ffffff\"\r\n              textColor=\"#ffffff\"\r\n              borderColor=\"#ffffff\"\r\n              @change=\"gender\"\r\n              :options=\"Gender\"\r\n              placeholder=\"性别\"\r\n            />\r\n          </view>\r\n          <view class=\"Gendericoncss\">\r\n            <image\r\n            v-if=\"genders === 0\"\r\n            class=\"Gendericon\"\r\n              src=\"../../static/ask.png\"\r\n              mode=\"scaleToFill\"\r\n            />\r\n            <image\r\n            v-if=\"genders === 1\"\r\n            class=\"Gendericon\"\r\n              src=\"../../static/man.png\"\r\n              mode=\"scaleToFill\"\r\n            />\r\n            <image\r\n            v-if=\"genders === 2\"\r\n            class=\"Gendericon\"\r\n              src=\"../../static/girl.png\"\r\n              mode=\"scaleToFill\"\r\n            /> \r\n          </view>\r\n         </view>\r\n         <view v-if=\"genders === 0 && Hint === true\" class=\"Hintcss\">请选择性别</view>\r\n        </view>\r\n          \r\n        </view>\r\n        \r\n        <view class=\"goldCoin\">\r\n            <view class=\"number-box\">\r\n              <view class=\"number-box-title\">金币数量:</view>\r\n              <uni-number-box background=\"#2bff001e\" v-model=\"numberCoins\"></uni-number-box>\r\n              <view class=\"number-box-title\">单位:</view>\r\n              <view class=\"number-box-unit\">K</view>\r\n            </view>\r\n            <view v-if=\"numberCoins === '' && Hint === true\" class=\"Hint\"\r\n              >请填写金币数量</view\r\n            >\r\n          </view>\r\n          \r\n        <view class=\"time\">\r\n          <uni-datetime-picker\r\n            type=\"datetime\"\r\n            v-model=\"datetimesingle\"\r\n            @change=\"changeLog\"\r\n          />\r\n          <view v-if=\"datetimesingle === '' && Hint === true\" class=\"Hint\"\r\n            >请选择日期</view\r\n          >\r\n        </view>\r\n\r\n        <view class=\"Remarkscss\">\r\n          <uni-easyinput\r\n           :styles=\"styles\"\r\n           :placeholderStyle=\"placeholderStyle\"\r\n            type=\"textarea\"\r\n            v-model=\"remarks\"\r\n            placeholder=\"备注\"\r\n          ></uni-easyinput>\r\n        </view>\r\n\r\n        <view class=\"Publish\">\r\n          <button @click=\"Publish()\" class=\"Publishcss\">发布</button>\r\n        </view>\r\n      </view>\r\n    </view>\r\n  </view>\r\n</template>\r\n<script>\r\nimport optionsArray from \"../../components/NationalDictionary.js\";\r\nimport request from \"../../components/request.js\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      genders: 0, //性别\r\n      Gender: [\r\n        { label: \"男\", value: 1 },\r\n        { label: \"女\", value: 2 },\r\n      ],\r\n      Country: optionsArray,\r\n      countrys: \"\", //国家\r\n      nameAnchor: \"\", //主播名称\r\n      numberCoins: \"\", //金币数量\r\n      remarks: \"\", //备注\r\n      Display: false,\r\n      Hint: false,\r\n      datetimesingle: \"\", //日期\r\n      id: null, //用户id\r\n      sendingTime: \"\", //发送时间\r\n      placeholderStyle: \"color:#ffffff;font-size:14px\",\r\n      styles: {\r\n        backgroundColor: \"#2bff001e\",\r\n        color: \"#ffffff\",\r\n        borderColor: \"#00bd069d\",\r\n      }\r\n    };\r\n  },\r\n  onLoad() {\r\n    uni.getStorage({\r\n      key: \"userinfo\",\r\n      success: (res) => {\r\n        this.id = res.data.id;\r\n      },\r\n    });\r\n  },\r\n  methods: {\r\n    gender(item) {\r\n      this.genders = item.value;\r\n      console.log(item);\r\n    },\r\n\r\n    country(item) {\r\n      this.countrys = item.value;\r\n      console.log(item);\r\n    },\r\n\r\n    handleOverlayClick(event) {\r\n      if (event.target === this.$el) {\r\n        this.Display = false;\r\n        this.Hint = false;\r\n      }\r\n    },\r\n    open() {\r\n      if (this.Display) {\r\n        this.Display = false;\r\n        this.Hint = false;\r\n        this.nameAnchor = \"\";\r\n        this.genders = \"\";\r\n        this.numberCoins = \"\";\r\n        this.remarks = \"\";\r\n        this.datetimesingle = \"\";\r\n        this.countrys = \"\";\r\n      } else {\r\n        this.Display = true;\r\n      }\r\n    },\r\n    //获取主播名称\r\n    NameAnchor: function (event) {\r\n      this.nameAnchor = event.target.value;\r\n    },\r\n\r\n    async Publish() {\r\n      //判断是否为空\r\n      if (\r\n        this.nameAnchor === \"\" ||\r\n        this.genders === \"\" ||\r\n        this.numberCoins === \"\" ||\r\n        this.countrys === \"\" ||\r\n        this.datetimesingle === \"\"\r\n      ) {\r\n        this.Hint = true;\r\n        return;\r\n      }\r\n      //格式化日期\r\n      const isoString = this.datetimesingle.replace(\" \", \"T\");\r\n      const timestamp = Date.parse(isoString);\r\n      if (isNaN(timestamp)) {\r\n        throw new Error(`Invalid date format: ${this.datetimesingle}`);\r\n      }\r\n      this.sendingTime = Math.floor(timestamp / 1000);\r\n      const secondsTimestamp = Math.floor(Date.now() / 1000);\r\n\r\n      if (this.sendingTime < secondsTimestamp) {\r\n        uni.showToast({\r\n          title: \"日期不能早于当前时间\",\r\n          icon: \"none\",\r\n          duration: 2000,\r\n        });\r\n        return;\r\n      }\r\n      //发送请求\r\n      uni.showLoading({\r\n        title: \"发布中...\",\r\n        mask: true,\r\n      });\r\n      const res = await request({\r\n        url: \"pk/addPkData\",\r\n        method: \"POST\",\r\n        data: {\r\n          anchorId: this.nameAnchor,\r\n          pk_time: this.datetimesingle,\r\n          sex: this.genders,\r\n          country: this.countrys,\r\n          coin: this.numberCoins,\r\n          remark: this.remarks,\r\n          status: 0,\r\n          sender_id: this.id,\r\n          anchorIcon: \"\",\r\n        },\r\n        userInfo: true,\r\n      });\r\n      if (res.code === 200) {\r\n        this.Display = false;\r\n        this.Hint = false;\r\n        this.nameAnchor = \"\";\r\n        this.genders = 0;\r\n        this.numberCoins = \"\";\r\n        this.remarks = \"\";\r\n        this.datetimesingle = \"\";\r\n        uni.hideLoading();\r\n        uni.showToast({\r\n          title: \"发布成功\",\r\n          icon: \"success\",\r\n          duration: 2000,\r\n        });\r\n      } else {\r\n        uni.hideLoading();\r\n        uni.showToast({\r\n          title: \"发布失败\",\r\n          icon: \"none\",\r\n          duration: 2000,\r\n        });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* 定义动画 */\r\n/* 原始进入动画 */\r\n@keyframes slide-in {\r\n  from { transform: translateY(100%); opacity: 0; }\r\n  to { transform: translateY(0); opacity: 1; }\r\n}\r\n\r\n/* 新增关闭动画 */\r\n@keyframes slide-out {\r\n  from { transform: translateY(0); opacity: 1; }\r\n  to { transform: translateY(-100%); opacity: 0; }\r\n}\r\n\r\n/* 进入动画类 */\r\n.create-module {\r\n  animation: slide-in 0.3s ease-in-out;\r\n}\r\n\r\n/* 关闭动画类 */\r\n.close-animation {\r\n  animation: slide-out 0.3s ease-in-out forwards;\r\n}\r\n\r\n.Mask {\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background: #00000076;\r\n  display: flex;\r\n  flex-direction: column-reverse;\r\n}\r\n.Hint {\r\n  color: rgb(255, 0, 0);\r\n  font-size: 20rpx;\r\n  margin-left: 30rpx;\r\n  margin-top: 10rpx;\r\n}\r\n.Hintcss{\r\n  color: rgb(255, 0, 0);\r\n  font-size: 20rpx;\r\n  margin-left: 30rpx;\r\n  margin-top: 20rpx;\r\n}\r\n.containers {\r\n  background-color: #ffffff;\r\n  border-radius: 50rpx;\r\n}\r\n.container {\r\n  display: flex;\r\n  background-image: linear-gradient(135deg, #00ff4025, #00d5ff3b);\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 1300rpx;\r\n  border-radius: 50rpx;\r\n  box-shadow: 0 0 10rpx #ccc;\r\n}\r\n.Fork {\r\n  width: 50rpx;\r\n  height: 50rpx;\r\n  margin-top: 20rpx;\r\n  /* margin-bottom: 40rpx; */\r\n  margin-left: 90%;\r\n}\r\n.Title {\r\n  width: 100%;\r\n  height: 80rpx;\r\n  font-size: 70rpx;\r\n  font-weight: bold;\r\n  text-align: center;\r\n  margin-top: 40rpx;\r\n  margin-bottom: 40rpx;\r\n  /* 设置渐变背景 */\r\n  background-image: linear-gradient(135deg, #ffff00, #00d9ff);\r\n  /* 关键属性组合 */\r\n  -webkit-background-clip: text; /* 兼容 iOS/Android */\r\n  background-clip: text;\r\n  /* 文字颜色设为透明 */\r\n  color: transparent;\r\n  /* 防止背景溢出 */\r\n  display: inline-block;\r\n  padding: 8rpx 16rpx;\r\n  text-shadow: 0 6rpx 8rpx rgba(0, 0, 0, 0.2);\r\n}\r\n.Individual {\r\n  display: flex;\r\n  /* justify-content: center; */\r\n}\r\n.NameAnchor {\r\n  width: 90%;\r\n  margin: 40rpx;\r\n}\r\n.time {\r\n  width: 90%;\r\n  margin-left: 5%;\r\n  margin-top: 50rpx;\r\n}\r\n.NameAnchorcss {\r\n  width: 99%;\r\n  height: 85rpx;\r\n  background-image: linear-gradient(135deg, #d9ff007a, #00ffb364);\r\n  border-top: 2rpx solid #ffbf0049;\r\n  border-bottom: 2rpx solid #125b003a;\r\n  border-left: 2rpx solid #ffbf0050;\r\n  border-right: 2rpx solid #125b0036;\r\n  border-radius: 30rpx;\r\n  text-align: center;\r\n  color:#ffffff;\r\n}\r\n.Gender {\r\n  width: 310rpx;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n.Gendercs{\r\n  display: flex;\r\n  justify-content: center;\r\n  /* align-items: center; */\r\n}\r\n.Gendercss{\r\n  width: 200rpx;\r\n  height: 60rpx;\r\n}\r\n.Gendericoncss{\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 60rpx;\r\n  height: 60rpx;\r\n  border-radius: 50%;\r\n  border: 1rpx solid #ff9d0067;\r\n  margin-left: 20rpx;\r\n  margin-top: 10rpx;\r\n}\r\n.Gendericon{\r\n  width: 40rpx;\r\n  height: 40rpx;\r\n  /* margin-top: 10rpx;\r\n  margin-right: 40rpx; */\r\n}\r\n.Accountnumber {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-bottom: 60rpx;\r\n  margin-top: 50rpx;\r\n}\r\n.Coins {\r\n  width: 330rpx;\r\n  height: 65rpx;\r\n  /* display: flex; */\r\n  margin-right: 50rpx;\r\n  /* flex-direction: column; */\r\n}\r\n.country {\r\n  margin-left:10rpx;\r\n}\r\n.goldCoin {\r\n  width: 100%;\r\n  height: 100rpx;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n.number-box {\r\n  display: flex;\r\n  justify-content: center;\r\n  text-align: center;\r\n}\r\n.number-box-title {\r\n  /* margin-right: 20rpx; */\r\n   /* 设置渐变背景 */\r\n   background-image: linear-gradient(135deg, #00ff227a, #a200ff64);\r\n  /* 关键属性组合 */\r\n  -webkit-background-clip: text; /* 兼容 iOS/Android */\r\n  background-clip: text;\r\n  /* 文字颜色设为透明 */\r\n  color: transparent;\r\n  /* 防止背景溢出 */\r\n  display: inline-block;\r\n  padding: 8rpx 16rpx;\r\n}\r\n.number-box-unit {\r\n  color: #ffb30067;\r\n  width: 48rpx;\r\n  height: 48rpx;\r\n  border: 1rpx solid #ff9d006f;\r\n  border-radius: 50%;\r\n  line-height: 48rpx;\r\n  text-align: center;\r\n  /* color: #003cff5a; */\r\n}\r\n.Remarkscss {\r\n  width: 90%;\r\n  margin-top: 30rpx;\r\n  margin-left: 5%;\r\n  margin-right: 5%;\r\n  margin-bottom: 50rpx;\r\n  border-radius: 10rpx;\r\n}\r\n\r\n.Publish {\r\n  margin-bottom: 40rpx;\r\n  width: 90%;\r\n  margin-left: 5%;\r\n}\r\n.Publishcss {\r\n  background-image: linear-gradient(135deg, #00ffb354, #c300ff37);\r\n  /* color: #33ff00; */\r\n  color: #ffffff;\r\n  border-bottom: 2rpx solid #c300ff37;\r\n  border-top: 2rpx solid #00ffb354;\r\n  border-right: 2rpx solid #c300ff37;\r\n  border-left: 2rpx solid #00ffb354;\r\n  font-weight: bold;\r\n  border-radius: 50rpx;\r\n}\r\n</style>\r\n"],"names":["optionsArray","uni","request"],"mappings":"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"}
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/NewAddedPk.js b/unpackage/dist/dev/mp-weixin/NewAddedPk.js
index 3dc0f53..c107316 100644
--- a/unpackage/dist/dev/mp-weixin/NewAddedPk.js
+++ b/unpackage/dist/dev/mp-weixin/NewAddedPk.js
@@ -229,7 +229,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     B: common_vendor.o$1(($event) => $options.Publish()),
     C: common_vendor.o$1(() => {
     }),
-    D: common_vendor.o$1(($event) => $options.open())
+    D: common_vendor.n($data.Display ? "create-module" : "close-animation "),
+    E: common_vendor.o$1(($event) => $options.open())
   }) : {});
 }
 const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-96d38e2b"]]);
diff --git a/unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxml b/unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxml
index dfbb9be..2b31670 100644
--- a/unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxml
+++ b/unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxml
@@ -1 +1 @@
-<view wx:if="{{a}}" class="Mask create-module data-v-96d38e2b" bindtap="{{D}}"><view catchtap="{{C}}" class="containers data-v-96d38e2b"><view class="container data-v-96d38e2b"><image class="Fork data-v-96d38e2b" bindtap="{{b}}" src="{{c}}" mode="scaleToFill"/><view class="Title data-v-96d38e2b">发布新PK</view><view class="NameAnchor data-v-96d38e2b"><input class="NameAnchorcss data-v-96d38e2b" cursor-color="#ffffff" placeholder-style="color:#ffffff" bindinput="{{d}}" placeholder="主播名称"/><view wx:if="{{e}}" class="Hint data-v-96d38e2b">请填写主播名称</view></view><view class="Accountnumber data-v-96d38e2b"><view class="Coins country data-v-96d38e2b"><wht-select wx:if="{{g}}" class="data-v-96d38e2b" style="width:350rpx" bindchange="{{f}}" u-i="96d38e2b-0" bind:__l="__l" u-p="{{g}}"/><view wx:if="{{h}}" class="Hint data-v-96d38e2b">请选择国家</view></view><view class="Gender data-v-96d38e2b"><view class="Gendercs data-v-96d38e2b"><view class="Gendercss data-v-96d38e2b"><wht-select wx:if="{{j}}" class="data-v-96d38e2b" style="width:300rpx" bindchange="{{i}}" u-i="96d38e2b-1" bind:__l="__l" u-p="{{j}}"/></view><view class="Gendericoncss data-v-96d38e2b"><image wx:if="{{k}}" class="Gendericon data-v-96d38e2b" src="{{l}}" mode="scaleToFill"/><image wx:if="{{m}}" class="Gendericon data-v-96d38e2b" src="{{n}}" mode="scaleToFill"/><image wx:if="{{o}}" class="Gendericon data-v-96d38e2b" src="{{p}}" mode="scaleToFill"/></view></view><view wx:if="{{q}}" class="Hintcss data-v-96d38e2b">请选择性别</view></view></view><view class="goldCoin data-v-96d38e2b"><view class="number-box data-v-96d38e2b"><view class="number-box-title data-v-96d38e2b">金币数量:</view><uni-number-box wx:if="{{s}}" class="data-v-96d38e2b" u-i="96d38e2b-2" bind:__l="__l" bindupdateModelValue="{{r}}" u-p="{{s}}"></uni-number-box><view class="number-box-title data-v-96d38e2b">单位:</view><view class="number-box-unit data-v-96d38e2b">K</view></view><view wx:if="{{t}}" class="Hint data-v-96d38e2b">请填写金币数量</view></view><view class="time data-v-96d38e2b"><uni-datetime-picker wx:if="{{x}}" class="data-v-96d38e2b" bindchange="{{v}}" u-i="96d38e2b-3" bind:__l="__l" bindupdateModelValue="{{w}}" u-p="{{x}}"/><view wx:if="{{y}}" class="Hint data-v-96d38e2b">请选择日期</view></view><view class="Remarkscss data-v-96d38e2b"><uni-easyinput wx:if="{{A}}" class="data-v-96d38e2b" u-i="96d38e2b-4" bind:__l="__l" bindupdateModelValue="{{z}}" u-p="{{A}}"></uni-easyinput></view><view class="Publish data-v-96d38e2b"><button bindtap="{{B}}" class="Publishcss data-v-96d38e2b">发布</button></view></view></view></view>
\ No newline at end of file
+<view wx:if="{{a}}" class="{{['data-v-96d38e2b', D, 'Mask']}}" bindtap="{{E}}"><view catchtap="{{C}}" class="containers data-v-96d38e2b"><view class="container data-v-96d38e2b"><image class="Fork data-v-96d38e2b" bindtap="{{b}}" src="{{c}}" mode="scaleToFill"/><view class="Title data-v-96d38e2b">发布新PK</view><view class="NameAnchor data-v-96d38e2b"><input class="NameAnchorcss data-v-96d38e2b" cursor-color="#ffffff" placeholder-style="color:#ffffff" bindinput="{{d}}" placeholder="主播名称"/><view wx:if="{{e}}" class="Hint data-v-96d38e2b">请填写主播名称</view></view><view class="Accountnumber data-v-96d38e2b"><view class="Coins country data-v-96d38e2b"><wht-select wx:if="{{g}}" class="data-v-96d38e2b" style="width:350rpx" bindchange="{{f}}" u-i="96d38e2b-0" bind:__l="__l" u-p="{{g}}"/><view wx:if="{{h}}" class="Hint data-v-96d38e2b">请选择国家</view></view><view class="Gender data-v-96d38e2b"><view class="Gendercs data-v-96d38e2b"><view class="Gendercss data-v-96d38e2b"><wht-select wx:if="{{j}}" class="data-v-96d38e2b" style="width:300rpx" bindchange="{{i}}" u-i="96d38e2b-1" bind:__l="__l" u-p="{{j}}"/></view><view class="Gendericoncss data-v-96d38e2b"><image wx:if="{{k}}" class="Gendericon data-v-96d38e2b" src="{{l}}" mode="scaleToFill"/><image wx:if="{{m}}" class="Gendericon data-v-96d38e2b" src="{{n}}" mode="scaleToFill"/><image wx:if="{{o}}" class="Gendericon data-v-96d38e2b" src="{{p}}" mode="scaleToFill"/></view></view><view wx:if="{{q}}" class="Hintcss data-v-96d38e2b">请选择性别</view></view></view><view class="goldCoin data-v-96d38e2b"><view class="number-box data-v-96d38e2b"><view class="number-box-title data-v-96d38e2b">金币数量:</view><uni-number-box wx:if="{{s}}" class="data-v-96d38e2b" u-i="96d38e2b-2" bind:__l="__l" bindupdateModelValue="{{r}}" u-p="{{s}}"></uni-number-box><view class="number-box-title data-v-96d38e2b">单位:</view><view class="number-box-unit data-v-96d38e2b">K</view></view><view wx:if="{{t}}" class="Hint data-v-96d38e2b">请填写金币数量</view></view><view class="time data-v-96d38e2b"><uni-datetime-picker wx:if="{{x}}" class="data-v-96d38e2b" bindchange="{{v}}" u-i="96d38e2b-3" bind:__l="__l" bindupdateModelValue="{{w}}" u-p="{{x}}"/><view wx:if="{{y}}" class="Hint data-v-96d38e2b">请选择日期</view></view><view class="Remarkscss data-v-96d38e2b"><uni-easyinput wx:if="{{A}}" class="data-v-96d38e2b" u-i="96d38e2b-4" bind:__l="__l" bindupdateModelValue="{{z}}" u-p="{{A}}"></uni-easyinput></view><view class="Publish data-v-96d38e2b"><button bindtap="{{B}}" class="Publishcss data-v-96d38e2b">发布</button></view></view></view></view>
\ No newline at end of file
diff --git a/unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxss b/unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxss
index e996688..729f9c8 100644
--- a/unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxss
+++ b/unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxss
@@ -1,20 +1,30 @@
 
 /* 定义动画 */
+/* 原始进入动画 */
 @keyframes slide-in-96d38e2b {
-from {
-    transform: translateY(100%);
-    opacity: 0;
+from { transform: translateY(100%); opacity: 0;
 }
-to {
-    transform: translateY(0);
-    opacity: 1;
+to { transform: translateY(0); opacity: 1;
 }
 }
 
-/* 应用动画到组件 */
+/* 新增关闭动画 */
+@keyframes slide-out-96d38e2b {
+from { transform: translateY(0); opacity: 1;
+}
+to { transform: translateY(-100%); opacity: 0;
+}
+}
+
+/* 进入动画类 */
 .create-module.data-v-96d38e2b {
   animation: slide-in-96d38e2b 0.3s ease-in-out;
 }
+
+/* 关闭动画类 */
+.close-animation.data-v-96d38e2b {
+  animation: slide-out-96d38e2b 0.3s ease-in-out forwards;
+}
 .Mask.data-v-96d38e2b {
   width: 100vw;
   height: 100vh;