Browse Source

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

milestone-20250723-众筹
no99 3 weeks ago
parent
commit
7a5130fb67
  1. 2
      index.html
  2. 4
      src/views/choujiang/Login.vue
  3. 28
      src/views/choujiang/hxl-cj/cj.vue

2
index.html

@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue</title>
<title>弘历周年庆</title>
</head> </head>
<body> <body>
<!-- <script src="/src/utils/tween.min.js"></script> --> <!-- <script src="/src/utils/tween.min.js"></script> -->

4
src/views/choujiang/Login.vue

@ -23,11 +23,11 @@ const handleLogin = () => {
alert('请输入密码'); alert('请输入密码');
return; return;
} }
if (password.value == '000000') {
if (password.value == 'hl2025') {
authStore.login(); authStore.login();
router.push('/hxlCj'); router.push('/hxlCj');
} else { } else {
if (password.value === '123456') {
if (password.value === 'hl2024') {
// //
authStore.login(); // 使Pinia authStore.login(); // 使Pinia
router.push('/choujiang'); router.push('/choujiang');

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

@ -93,9 +93,13 @@
</div> </div>
</el-scrollbar> </el-scrollbar>
<div class="tableFoot"> <div class="tableFoot">
<span @click="leftPage()" id="leftPage" class="leftPage"><</span>
<span @click="throttledleftPage()" id="leftPage" class="leftPage"
><</span
>
{{ currentPage }}/<span>{{ totalPage }}</span> {{ currentPage }}/<span>{{ totalPage }}</span>
<span @click="rightPage()" id="rightPage" class="rightPage">></span>
<span @click="throttledrightPage()" id="rightPage" class="rightPage"
>></span
>
</div> </div>
</div> </div>
</div> </div>
@ -341,6 +345,11 @@ const leftPage = async (item) => {
leftPageBtn.style.background = "#ccc"; leftPageBtn.style.background = "#ccc";
} }
}; };
const throttledleftPage = _.throttle(leftPage, 500, {
trailing: false,
});
const rightPage = async (item) => { const rightPage = async (item) => {
if (currentPage.value == totalPage.value) { if (currentPage.value == totalPage.value) {
return; return;
@ -370,6 +379,10 @@ const rightPage = async (item) => {
} }
}; };
const throttledrightPage = _.throttle(rightPage, 500, {
trailing: false,
});
// //
const lookPrize = async (item) => { const lookPrize = async (item) => {
// //
@ -1579,7 +1592,7 @@ button {
align-items: center; align-items: center;
background-color: #ffd283; background-color: #ffd283;
opacity: 0.8; opacity: 0.8;
margin-left: 2vh;
margin-left: 0.8vh;
margin-top: 3.5vh; margin-top: 3.5vh;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
@ -1717,6 +1730,7 @@ button {
} }
.tableFoot { .tableFoot {
font-size: 18px;
color: #e64f39; color: #e64f39;
display: flex; display: flex;
gap: 10px; gap: 10px;
@ -1729,8 +1743,8 @@ button {
/* background: linear-gradient(90deg, #ff9800 0%, #ff5722 100%); */ /* background: linear-gradient(90deg, #ff9800 0%, #ff5722 100%); */
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
width: 35px;
height: 35px;
width: 30px;
height: 30px;
justify-content: center; justify-content: center;
/* align-items: center; */ /* align-items: center; */
} }
@ -1741,8 +1755,8 @@ button {
background: linear-gradient(90deg, #ff9800 0%, #ff5722 100%); background: linear-gradient(90deg, #ff9800 0%, #ff5722 100%);
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
width: 35px;
height: 35px;
width: 30px;
height: 30px;
justify-content: center; justify-content: center;
} }

Loading…
Cancel
Save