diff --git a/index.html b/index.html index 7867639..e2d1249 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - Vite + Vue + 弘历周年庆 diff --git a/src/views/choujiang/Login.vue b/src/views/choujiang/Login.vue index ac9994b..ef167d8 100644 --- a/src/views/choujiang/Login.vue +++ b/src/views/choujiang/Login.vue @@ -23,11 +23,11 @@ const handleLogin = () => { alert('请输入密码'); return; } - if (password.value == '000000') { + if (password.value == 'hl2025') { authStore.login(); router.push('/hxlCj'); } else { - if (password.value === '123456') { + if (password.value === 'hl2024') { // 添加登录状态存储 authStore.login(); // 使用Pinia登录方法 router.push('/choujiang'); diff --git a/src/views/choujiang/hxl-cj/cj.vue b/src/views/choujiang/hxl-cj/cj.vue index 26da184..192dde9 100644 --- a/src/views/choujiang/hxl-cj/cj.vue +++ b/src/views/choujiang/hxl-cj/cj.vue @@ -93,9 +93,13 @@
- < + < {{ currentPage }}/{{ totalPage }} - > + >
@@ -341,6 +345,11 @@ const leftPage = async (item) => { leftPageBtn.style.background = "#ccc"; } }; + +const throttledleftPage = _.throttle(leftPage, 500, { + trailing: false, +}); + const rightPage = async (item) => { if (currentPage.value == totalPage.value) { return; @@ -370,6 +379,10 @@ const rightPage = async (item) => { } }; +const throttledrightPage = _.throttle(rightPage, 500, { + trailing: false, +}); + //揭示奖品 const lookPrize = async (item) => { // 未进入抽奖禁止揭晓 @@ -1579,7 +1592,7 @@ button { align-items: center; background-color: #ffd283; opacity: 0.8; - margin-left: 2vh; + margin-left: 0.8vh; margin-top: 3.5vh; cursor: pointer; position: relative; @@ -1717,6 +1730,7 @@ button { } .tableFoot { + font-size: 18px; color: #e64f39; display: flex; gap: 10px; @@ -1729,8 +1743,8 @@ button { /* background: linear-gradient(90deg, #ff9800 0%, #ff5722 100%); */ border-radius: 50%; display: flex; - width: 35px; - height: 35px; + width: 30px; + height: 30px; justify-content: center; /* align-items: center; */ } @@ -1741,8 +1755,8 @@ button { background: linear-gradient(90deg, #ff9800 0%, #ff5722 100%); border-radius: 50%; display: flex; - width: 35px; - height: 35px; + width: 30px; + height: 30px; justify-content: center; }