Public/lottery-docs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整页面展示

Browse Source
This commit is contained in:
liushuang 2025-08-16 22:34:25 +08:00
parent c5cc61a854
commit d26c9f6cc7
8 changed files with 277 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

148
_config/css/styles.css
View File

@ -24,6 +24,10 @@ a {
transition: all 0.3s linear; transition: all 0.3s linear;
} }
h1,h5 {
margin: 0;
}
.github-corner { .github-corner {
z-index: 5; z-index: 5;
} }
@ -88,7 +92,7 @@ section.cover.show ~ .sidebar-toggle {
position: fixed; position: fixed;
display: flex; display: flex;
align-items: center; align-items: center;
background: #ffffff; /* background: #ffffff; */
bottom: 0; bottom: 0;
left: 0; left: 0;
/* width: 100%; */ /* width: 100%; */
@ -168,28 +172,25 @@ section.cover.show ~ .sidebar-toggle {
z-index: 1; z-index: 1;
} }
@media (max-width: 850px) { .cover-main .buttons a.disabled {
section.cover ul { cursor: not-allowed;
grid-template-columns: 100%;
padding: 0;
}
section.cover ul li {
text-align: center;
}
} }
@media (max-width: 450px) { .cover-main .buttons a.disabled:after {
section.cover ul li { background-color: #ccc;
white-space: normal;
}
.cover-main .buttons a {
width: 100%;
margin: 0.2rem 0;
}
} }
.cover-main .buttons a.disabled:hover {
box-shadow: none;
}
.cover-main .buttons a.disabled:after {
border-color: #ccc;
}
/****** Sidebar ******/ /****** Sidebar ******/
.sidebar .app-name-link img { .sidebar .app-name-link img {
height: 100px; height: 100px;
@ -473,8 +474,25 @@ body .sidebar-toggle span:nth-child(3) {
content: '\e900'; content: '\e900';
} }
.skying-video { .luckday-video {
width: 30%; display: flex;
justify-content: center;
align-items: center;
margin: 0 10%;
}
/* .luckday-video-skying {
text-align: end;
margin-right: 4%;
}
.luckday-video-screen {
text-align: start;
margin-left: 4%;
} */
.skying-video, .screen-video {
width: 70%;
border-radius: 12px; border-radius: 12px;
margin: 24px auto; margin: 24px auto;
} }
@ -486,13 +504,95 @@ body .sidebar-toggle span:nth-child(3) {
padding: 20px 10%; padding: 20px 10%;
} }
.doc { /* .doc {
position: fixed; position: fixed;
top: 8%; top: 8%;
right: 8%; right: 8%;
} } */
.doc img { .doc img {
width: 20px; width: 20px !important;
height: 20px; height: 20px;
margin-left: 12px;
}
.skying-title,.screen-title {
color: var(--theme-color);
}
@media (max-width: 850px) {
section.cover ul {
grid-template-columns: 100%;
padding: 0;
}
section.cover ul li {
text-align: center;
}
.luckday-video {
flex-direction: column;
}
.skying-video,
.screen-video {
width: 100%;
}
.buttons {
display: flex;
justify-content: space-around;
}
.buttons a {
width: 50%;
}
.footer {
margin-bottom: 20%;
padding: 0 2%;
}
.liu-logo {
background: #ffffff;
width: 100%;
padding: 40px;
}
}
@media (max-width: 450px) {
section.cover ul li {
white-space: normal;
}
.cover-main .buttons a {
width: 50%;
margin: 0.2rem 1rem;
}
.luckday-video {
flex-direction: column;
}
.skying-video,
.screen-video {
width: 100%;
}
.buttons {
display: flex;
justify-content: space-around;
}
.buttons a {
width: 50%;
}
.footer {
margin-bottom: 20%;
padding: 0 2%;
}
.liu-logo {
background: #ffffff;
width: 100%;
padding: 40px;
}
} }

50
_coverpage.md
View File

@ -3,11 +3,11 @@
<div class="header-right">文档</div> <div class="header-right">文档</div>
</div> --> </div> -->
<div class="doc"> <!-- <div class="doc">
<a href="#/README"> <a href="#/README">
<img src="_media/svg/doc.svg" /> <img src="_media/svg/doc.svg" />
</a> </a>
</div> </div> -->
<div class="liu-logo"> <div class="liu-logo">
<div class="logo"></div> <div class="logo"></div>
@ -18,18 +18,50 @@
<div class="logo-title">LUCKDAY</div> <div class="logo-title">LUCKDAY</div>
</div> </div>
<!-- ![logo](./_media/logo.png) --> <!-- ![logo](./_media/logo.png) -->
<!-- - 操作手册 <!-- - 操作手册
- 技术文档 --> - 技术文档 -->
<video class="skying-video" autoplay loop muted playsinline> <div class="luckday-video">
<source src="./_media/video/skying.mp4" type="video/mp4"> <div class="luckday-video-skying">
</video> <div>
<h2 class="skying-title">
<div class="buttons"> 星空抽奖
<a href="https://git.luckday.cn" target="_blank"><span>Windows 下载</span></a> </h2>
<a href="#/README"><span>Mac 下载</span></a> <h5> 星空背景，3D旋转。
<a href="#/README" class="doc">
操作文档 →
<img src="_media/svg/doc.svg" alt="文档" />
</a>
</h5>
<h5> Excel一键导入，支持1万人+，U盘即插即用，无需联网 </h5>
</div>
<video class="skying-video" autoplay loop muted playsinline>
<source src="./_media/video/skying.mp4" type="video/mp4">
</video>
<div class="buttons">
<a href="./_media/package/win-luckday-sky.zip" rel="noopener" target="_blank"><span>Win 下载</span>
</a>
<a href="./_media/package/mac-luckday-sky.zip" rel="noopener" target="_blank"><span>Mac 下载</span></a>
</div>
</div>
<div class="luckday-video-screen">
<div>
<h2 class="screen-title">巨幕抽奖</h2>
<h5> 开发中 </h5>
<h5> 敬请期待 </h5>
</div>
<video class="screen-video" autoplay loop muted playsinline>
<source src="./_media/video/screen.mp4" type="video/mp4">
</video>
<div class="buttons">
<a class="disabled" href="javascript:void(0)"><span>Win 下载</span></a>
<a class="disabled" href="javascript:void(0)"><span>Mac 下载</span></a>
</div>
</div>
</div> </div>
<!-- <div class="buttons"> <!-- <div class="buttons">

BIN
_media/video/screen.mp4 Normal file
View File

Binary file not shown.

3
_sidebar.md
View File

@ -6,8 +6,9 @@
- ![抽奖](../../_media/svg/help.svg)&nbsp;&nbsp;&nbsp;&nbsp; 操作文档 - ![抽奖](../../_media/svg/help.svg)&nbsp;&nbsp;&nbsp;&nbsp; 操作文档
- [星空抽奖-网页端(免费)](luck/skying.md)
- [星空抽奖-安装包](luck/sky.md)
- [巨幕抽奖](luck/screen.md) - [巨幕抽奖](luck/screen.md)
- [星空抽奖](luck/sky.md)
- [![问题](../../_media/svg/question.svg)&nbsp;&nbsp;&nbsp;&nbsp;问题总结](question.md) - [![问题](../../_media/svg/question.svg)&nbsp;&nbsp;&nbsp;&nbsp;问题总结](question.md)

BIN
luck/_media/sky/182aa944-438d-4908-8434-0da8a4e06be9.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 441 KiB

3
luck/_sidebar.md
View File

@ -6,8 +6,9 @@
- ![抽奖](../../_media/svg/help.svg)&nbsp;&nbsp;&nbsp;&nbsp; 操作文档 - ![抽奖](../../_media/svg/help.svg)&nbsp;&nbsp;&nbsp;&nbsp; 操作文档
- [星空抽奖-网页端(免费)](luck/skying.md)
- [星空抽奖-安装包](luck/sky.md)
- [巨幕抽奖](luck/screen.md) - [巨幕抽奖](luck/screen.md)
- [星空抽奖](luck/skying.md)
- [![问题](../../_media/svg/question.svg)&nbsp;&nbsp;&nbsp;&nbsp;问题总结](question.md) - [![问题](../../_media/svg/question.svg)&nbsp;&nbsp;&nbsp;&nbsp;问题总结](question.md)

160
luck/sky.md
View File

@ -1,105 +1,137 @@
### 抽奖软件 - 星空 # 抽奖软件 - 星空
> 网页端（免费）：https://lottery.luckday.cn/#/skying
### 演示地址 ## 快速开始
> 🌟 网页端（免费）：https://lottery.luckday.cn/#/skying
## 安装包下载
> <a href="../_media/package/win-luckday-sky.zip" rel="noopener" target="_blank"> Windows 下载地址 </a> </br>
<a href="../_media/package/mac-luckday-sky.zip" rel="noopener" target="_blank"> Mac 下载地址 </a>
![安装包](_media/sky/182aa944-438d-4908-8434-0da8a4e06be9.png)
## 功能演示
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=113690133332618&bvid=BV1zBkbYfEpN&cid=27455653788&p=1&autoplay=true" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="height: 34vw"></iframe> <iframe src="//player.bilibili.com/player.html?isOutside=true&aid=113690133332618&bvid=BV1zBkbYfEpN&cid=27455653788&p=1&autoplay=true" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="height: 34vw"></iframe>
## 核心功能
### 核心功能 ### 1. 跨平台支持 🖥
- 程序完全支持 Windows、MacOS 和 Linux 三大主流操作系统
#### 跨平台支持： ### 2. 抽奖功能完善 🎯
- 程序支持 Windows、MacOS 和 Linux 三大操作系统 - **分批次抽奖**：灵活设置抽奖批次和人数
> 示例：五等奖共5人，可设置一次抽完，或分两次抽取（第一次3人，第二次2人）
- **智能内定功能**：支持预设获奖人员
> 说明：内定人数等于抽奖人数时全部抽取，大于时随机抽取
#### 抽奖功能完善： ### 3. 离线运行 💾
- 支持分批次抽奖（例如：五等奖5人，设置抽奖一次，那么一次抽奖5人，设置抽奖二次， 那么第一次抽奖三人，第二次抽奖二人） - **即插即用**：支持U盘运行，完全本地化
- 支持内定（内定人数同抽奖人数时，一次全部抽取，内定人数大于抽奖人数时，从内定中随机抽取） - **无需联网**：断网状态下依然可正常抽奖
#### 离线运行： ### 4. 数据安全 🔒
- 放入U盘，即插即用，完全本地化运行，无需联网（断网亦可正常抽奖） - **本地存储**：数据完全存储在本地
- **零传输**：无网络数据传输，避免信息泄露风险
#### 数据安全： ### 5. 便捷数据导入 📊
- 本地存储，数据在您电脑本地，无网络传输，保证数据安全，避免泄露风险 - ✅ 支持 Excel 文件导入名单
- ✅ 提供标准模板下载
- ✅ 支持拖拽上传方式
- ✅ 支持万人级抽奖（流畅不卡顿）
#### 数据导入便捷： ### 6. 个性化定制 🎨
- 支持 Excel 文件导入参与者名单 - **界面定制**
- 提供标准模板下载功能 - 自定义公司 Logo
- 支持拖拽上传 - 自定义背景图片
- 支持一万人+ 抽奖流畅不卡顿 - 可选中心 Logo 显示
#### 自定义
- 支持自定义公司 Logo
- 支持自定义背景图片
- 可选择是否在屏幕中心显示 Logo
- 支持全屏模式切换 - 支持全屏模式切换
- 支持自定义背景音乐 - **音效定制**
- 支持自定义中奖音效 - 自定义背景音乐
- 音乐和音效可独立开关控制 - 自定义中奖音效
- 音乐/音效独立控制
![Home](_media/sky/a0f5dc63-2452-48d9-af8c-7ed0d45dd658.png) ![Home](_media/sky/a0f5dc63-2452-48d9-af8c-7ed0d45dd658.png)
### 抽奖设置 ## 使用指南
> 屏幕右下角，鼠标划上去，显示抽奖操作设置栏 ### 基础设置 ⚙️
![设置](_media/sky/1bc80208-7189-49f5-8ee9-e839b382dc07.png) > 💡 将鼠标移至屏幕右下角，即可显示抽奖操作设置栏
> 【Logo设置】<br/> ![设置面板](_media/sky/1bc80208-7189-49f5-8ee9-e839b382dc07.png)
> 1、设置企业LOGO(注：建议png透明背景格式)<br/>
> 2、设置是否添加LOGO至屏幕中间<br/>
> 3、设置抽奖背景<br/>
> 4、设置背景音乐<br/>
> 5、设置中奖音乐<br/>
![LOGO设置](_media/sky/71b13d85-844a-43e4-a5dc-f5fb23294c0e.png) ### Logo 与界面设置 🎯
![LOGO设置1](_media/sky/d293de20-8a11-4cf6-8998-6003d30a75f9.png)
1. **企业 Logo 设置**
- 推荐使用 PNG 格式（透明背景）
- 支持屏幕中央显示选项
2. **界面个性化**
- 自定义抽奖背景
- 背景音乐设置
- 中奖提示音设置
![Logo设置界面](_media/sky/71b13d85-844a-43e4-a5dc-f5fb23294c0e.png)
![设置效果预览](_media/sky/d293de20-8a11-4cf6-8998-6003d30a75f9.png)
### 上传抽奖 excel 文件 ### 数据导入指南 📝
> 下载 excel 模板，并按照格式设置奖品等级，抽奖名单，设置完成后，上传并确认 #### 1. Excel 模板使用
> 📥 下载专用 Excel 模板，按格式填写奖品信息和抽奖名单
![1674739037775](_media/sky/e7a11995-f529-4b20-8497-a6b3120474be.png) ![模板下载](_media/sky/e7a11995-f529-4b20-8497-a6b3120474be.png)
> 奖品等级，奖品名称，奖品数量填写 #### 2. 奖品信息设置
> ✨ 填写奖品等级、名称及数量
![1674741437289](_media/sky/a05c7845-26fd-4a0f-9505-1a6ab47d19b1.png) ![奖品设置](_media/sky/a05c7845-26fd-4a0f-9505-1a6ab47d19b1.png)
> 抽奖人员编码 ID，姓名填写 #### 3. 参与者信息录入
> 👥 填写参与者编码和姓名
![1674741485238](_media/1674741485238.jpg) ![人员信息](_media/1674741485238.jpg)
> 一次性中奖效果 ### 抽奖效果展示 🎉
![一次性中奖效果](_media/sky/1eb46692-5f15-4c03-8971-2a99b0a2648b.png) #### 一次性抽奖模式
> 所有获奖者同时揭晓
> 分批次中奖效果 ![整体抽奖效果](_media/sky/1eb46692-5f15-4c03-8971-2a99b0a2648b.png)
![分批次中奖效果](_media/sky/c3e26867-c152-4ec5-9862-5c9f44dd2af6.png) #### 分批次抽奖模式
> 按设定批次逐步抽取
### 中奖记录 ![分批抽奖效果](_media/sky/c3e26867-c152-4ec5-9862-5c9f44dd2af6.png)
> 中奖记录页面（循环滚动） <br/> ## 中奖记录管理 📊
> 1、下载中奖人员 Excel表格文件 <br/>
> 2、刷新中奖记录 <br/>
> 3、取消中奖者（某个中奖人员不在时，取消后可以重新抽取） <br/>
![下载](_media/sky/55f77e32-5b7b-4f3b-bb77-453646a83ff0.png) ### 功能特点
- 🔄 实时循环滚动展示
- 📥 一键导出 Excel 表格
- 🔄 随时刷新记录
- ⚠️ 支持取消中奖资格（缺席人员可重新抽取）
![记录](_media/sky/9dc2407c-2d9d-4556-bebc-39d0f84db245.png) ### 操作界面
![取消](_media/sky/5e5c4aa1-b02d-4371-8ef9-36ecb1c3ee7a.png) #### 导出功能
![导出记录](_media/sky/55f77e32-5b7b-4f3b-bb77-453646a83ff0.png)
### 联系我 #### 记录展示
![中奖记录](_media/sky/9dc2407c-2d9d-4556-bebc-39d0f84db245.png)
> 我的微信，有问题随时扫码联系 #### 取消中奖
![取消中奖](_media/sky/5e5c4aa1-b02d-4371-8ef9-36ecb1c3ee7a.png)
![联系我](_media/sky/252d2903-9727-4d65-b638-05f5c975103e.png) ## 帮助支持 💬
### 操作文档 ### 联系方式
> 浏览器打开：https://doc.luckday.cn > 扫描下方二维码添加微信，获取即时支持
![文档](_media/sky/c3caa2a1-3519-4031-ba9b-b61be2442887.png) ![微信二维码](_media/sky/252d2903-9727-4d65-b638-05f5c975103e.png)
### 在线文档
> 📚 详细文档：https://doc.luckday.cn
![文档界面](_media/sky/c3caa2a1-3519-4031-ba9b-b61be2442887.png)
### 重置操作 ### 重置操作
@ -122,11 +154,11 @@
![配置完成1](_media/sky/a95c2285-953a-4ce4-b9ed-26512b2684a5.png) ![配置完成1](_media/sky/a95c2285-953a-4ce4-b9ed-26512b2684a5.png)
### 如何内定 <!-- ### 如何内定
![内定](_media/sky/b11083de-5a2a-4da3-87e7-060adee5fa6f.png) ![内定](_media/sky/b11083de-5a2a-4da3-87e7-060adee5fa6f.png)
![内定1](_media/sky/a472d7e8-5fb7-4f85-adcb-729767be0ce0.png) ![内定1](_media/sky/a472d7e8-5fb7-4f85-adcb-729767be0ce0.png) -->
### 如何获取抽奖码？ ### 如何获取抽奖码？

17
luck/skying.md
View File

@ -1,12 +1,15 @@
### 免费年会抽奖系统 - 星空 ### 免费年会抽奖系统 - 星空
> 1、星空抽奖不依赖后端服务器，不需要考虑网络宽带等不稳定因素，只需首次加载出来抽奖界面，并按要求设置奖品，抽奖人员即可。 <br /> 2、数据存储在浏览器本地存储空间，抽奖途中，不小心误操作关闭浏览器，数据不会丢失。（注：强制清空本地存储空间除外） > 1、星空抽奖不依赖后端服务器，每次刷新只是加载静态资源，只需要并按要求设置奖品，抽奖人员即可。 <br /> 2、数据存储在浏览器本地存储空间，抽奖途中，不小心误操作关闭浏览器，数据不会丢失。（注：强制清空本地存储空间除外）</br>
> 【版本一】 https://lottery.luckday.cn/#/skying </br>
> 【版本二】 https://skying.luckday.cn (支持一万人+ 抽奖不卡)
### 演示地址 ### 演示地址
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=113690133332618&bvid=BV1zBkbYfEpN&cid=27455653788&p=1&autoplay=true" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="height: 34vw"></iframe> <iframe src="//player.bilibili.com/player.html?isOutside=true&aid=113690133332618&bvid=BV1zBkbYfEpN&cid=27455653788&p=1&autoplay=true" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="height: 34vw"></iframe>
> https://lottery.luckday.cn/#/skying
![1674724585424](_media/1674724585424.jpg) ![1674724585424](_media/1674724585424.jpg)
@ -82,13 +85,17 @@
![1673685343905](_media\1673685343905.jpg) --> ![1673685343905](_media\1673685343905.jpg) -->
![领取码](_media\1731834315451.jpg)
### 如何获取抽奖码？ ### 如何获取抽奖码？
> <svg style="margin-left: 20px;" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="84726" xmlns:xlink="http://www.w3.org/1999/xlink" width="33" height="33"><path d="M587.315736 603.705896l-5.220051 24.090235-77.500757 153.401498c-3.410033 12.640123-10.840106 22.690222-22.49022 30.120294-11.450112 7.430073-24.100235 10.640104-37.950371 9.440092h-8.630084l-225.682204-32.730319c-17.270169-2.210022-30.920302-9.440092-41.360404-21.48021-10.450102-12.060118-15.460151-26.110255-15.460151-42.170412v-253.402475c0-19.47019 6.230061-35.140343 18.870185-46.580455l218.862137-220.462152 37.94037 32.730319c9.23009 9.23009 13.860135 21.290208 13.860136 36.140353v10.2401l-32.73032 146.371429h385.903769c20.680202 0 38.140372 7.220071 52.610514 21.48021 14.460141 14.460141 21.49021 31.530308 21.490209 51.610504s-7.230071 37.340365-21.490209 51.600504c-14.460141 14.460141-31.930312 21.48021-52.610514 21.48021H587.305735l0.010001 28.120275z m0 0" fill="red" p-id="84727"></path></svg> <a href="https://m.tb.cn/h.T5MXdzu?tk=qMhV3BfYmLf" target="_blank">点击获取</a> > 领取规则：<br /> 1、关注公众号，回复“抽奖码”，即可领取抽奖码。<br />
<!-- > 领取规则：<br /> 1、关注公众号，回复“抽奖码”，即可领取抽奖码。<br /> <img style="width: 140px;" src="luck/_media/gzh.png" data-origin="luck/_media/9d6c02bfe09e4c3c89c44344dd97c280.png" alt="Luckday 微信" class="medium-zoom-image"><br /> <br /> 2、请我喝杯 ￥ 9.9 的 Luckin coffee :coffee:，即可获得抽奖码。<br /> 时效：永久可用
![领取码](_media\1731834315451.jpg) --> <img style="width: 140px;" src="luck/_media/gzh.png" data-origin="luck/_media/9d6c02bfe09e4c3c89c44344dd97c280.png" alt="Luckday 微信" class="medium-zoom-image"><br />
<br />
> 2、请我喝杯 ￥ 9.9 的 Luckin coffee :coffee:，即可获得抽奖码。<br /> 时效：永久可用
#### LuckDay 微信 ↓ #### LuckDay 微信 ↓