Merge branch 'milestone-20250722-抽奖' into milestone-20250722-众筹抽奖合并专用分支

src/views/choujiang/hxl-cj/cj.vue

@@ -290,10 +290,15 @@ const openGetPrize = async () => {
     return;
   }
 
+  pageObj.value = {
+    pageNum: 1,
+    pageSize: 14,
+  };
+
   let res = await getGetPrizeUserListApi(pageObj.value);
   getPrizeUserList.value = res.data.list;
   currentPage.value = res.data.pageNum;
-  totalPage.value = res.data.pages;
+  totalPage.value = res.data.pages == 0 ? 1 : res.data.pages;
   isOpen.value = true;
   //   console.log("currentPrize", currentPrize.value);
   prizes.value.forEach((item) => {
@@ -324,6 +329,7 @@ const leftPage = async (item) => {
   if (currentPage.value == 1) {
     return;
   }
+  try {
     if (currentPage.value == totalPage.value) {
       const rightPageBtn = document.getElementById("rightPage");
       rightPageBtn.style.cursor = "pointer";
@@ -344,6 +350,9 @@ const leftPage = async (item) => {
       leftPageBtn.style.cursor = "not-allowed";
       leftPageBtn.style.background = "#ccc";
     }
+  } catch (e) {
+    console.log("error", e);
+  }
 };
 
 const throttledleftPage = _.throttle(leftPage, 500, {
@@ -351,10 +360,11 @@ const throttledleftPage = _.throttle(leftPage, 500, {
 });
 
 const rightPage = async (item) => {
-  if (currentPage.value == totalPage.value) {
+  if (currentPage.value >= totalPage.value) {
     return;
   }
 
+  try {
     if (currentPage.value == 1) {
       const leftPageBtn = document.getElementById("leftPage");
       console.log("leftPageBtn", leftPageBtn);
@@ -377,6 +387,9 @@ const rightPage = async (item) => {
       rightPageBtn.style.cursor = "not-allowed";
       rightPageBtn.style.background = "#ccc";
     }
+  } catch (e) {
+    console.log("error", e);
+  }
 };
 
 const throttledrightPage = _.throttle(rightPage, 500, {
@@ -550,11 +563,13 @@ const initCards = () => {
 
   camera = new THREE.PerspectiveCamera(
     40,
-    window.innerWidth / window.innerHeight,
+    // window.innerWidth / window.innerHeight,
+    10,
     1,
     10000
   );
   camera.position.z = 3000;
+  // camera.position.y = 1000;
 
   scene = new THREE.Scene();
 
@@ -602,8 +617,8 @@ const initCards = () => {
   }
 
   renderer = new CSS3DRenderer();
-  renderer.setSize(window.innerWidth * 1, window.innerHeight * 0.9);
-  renderer.domElement.style.margin = "7% 0 0 1%";
+  renderer.setSize(window.innerWidth * 0.8, window.innerHeight * 0.8);
+  renderer.domElement.style.margin = "12% 0 0 0 ";
   //   document.getElementById("container").appendChild(renderer.domElement);
 
   if (threeContainer.value) {
@@ -1351,12 +1366,15 @@ body,
   background-repeat: no-repeat;
   background-size: 100% 100%;
   justify-content: center;
+  align-items: center;
 }
 
 .hllogo {
   position: absolute;
   right: 0;
   bottom: 0;
+  width: 20%;
+  height: auto;
 }
 
 .qipao {