调整页面展示
This commit is contained in:
liushuang
parent
c5cc61a854
commit
d26c9f6cc7
@ -24,6 +24,10 @@ a {
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
h1,h5 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.github-corner {
|
||||
z-index: 5;
|
||||
}
|
||||
@ -88,7 +92,7 @@ section.cover.show ~ .sidebar-toggle {
|
||||
position: fixed;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #ffffff;
|
||||
/* background: #ffffff; */
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
/* width: 100%; */
|
||||
@ -168,28 +172,25 @@ section.cover.show ~ .sidebar-toggle {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@media (max-width: 850px) {
|
||||
section.cover ul {
|
||||
grid-template-columns: 100%;
|
||||
padding: 0;
|
||||
.cover-main .buttons a.disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
section.cover ul li {
|
||||
text-align: center;
|
||||
}
|
||||
.cover-main .buttons a.disabled:after {
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
@media (max-width: 450px) {
|
||||
section.cover ul li {
|
||||
white-space: normal;
|
||||
.cover-main .buttons a.disabled:hover {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.cover-main .buttons a {
|
||||
width: 100%;
|
||||
margin: 0.2rem 0;
|
||||
}
|
||||
.cover-main .buttons a.disabled:after {
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/****** Sidebar ******/
|
||||
.sidebar .app-name-link img {
|
||||
height: 100px;
|
||||
@ -473,8 +474,25 @@ body .sidebar-toggle span:nth-child(3) {
|
||||
content: '\e900';
|
||||
}
|
||||
|
||||
.skying-video {
|
||||
width: 30%;
|
||||
.luckday-video {
|
||||
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;
|
||||
margin: 24px auto;
|
||||
}
|
||||
@ -486,13 +504,95 @@ body .sidebar-toggle span:nth-child(3) {
|
||||
padding: 20px 10%;
|
||||
}
|
||||
|
||||
.doc {
|
||||
/* .doc {
|
||||
position: fixed;
|
||||
top: 8%;
|
||||
right: 8%;
|
||||
}
|
||||
} */
|
||||
|
||||
.doc img {
|
||||
width: 20px;
|
||||
width: 20px !important;
|
||||
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;
|
||||
}
|
||||
}
|
||||
@ -3,11 +3,11 @@
|
||||
<div class="header-right">文档</div>
|
||||
</div> -->
|
||||
|
||||
<div class="doc">
|
||||
<!-- <div class="doc">
|
||||
<a href="#/README">
|
||||
<img src="_media/svg/doc.svg" />
|
||||
</a>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="liu-logo">
|
||||
<div class="logo"></div>
|
||||
@ -18,18 +18,50 @@
|
||||
<div class="logo-title">LUCKDAY</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--  -->
|
||||
|
||||
<!-- - 操作手册
|
||||
- 技术文档 -->
|
||||
|
||||
<div class="luckday-video">
|
||||
<div class="luckday-video-skying">
|
||||
<div>
|
||||
<h2 class="skying-title">
|
||||
星空抽奖
|
||||
</h2>
|
||||
<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="https://git.luckday.cn" target="_blank"><span>Windows 下载</span></a>
|
||||
<a href="#/README"><span>Mac 下载</span></a>
|
||||
<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 class="buttons">
|
||||
|
||||
BIN
_media/video/screen.mp4
Normal file
BIN
_media/video/screen.mp4
Normal file
Binary file not shown.
@ -6,8 +6,9 @@
|
||||
|
||||
-  操作文档
|
||||
|
||||
- [星空抽奖-网页端(免费)](luck/skying.md)
|
||||
- [星空抽奖-安装包](luck/sky.md)
|
||||
- [巨幕抽奖](luck/screen.md)
|
||||
- [星空抽奖](luck/sky.md)
|
||||
|
||||
- [ 问题总结](question.md)
|
||||
|
||||
|
||||
BIN
luck/_media/sky/182aa944-438d-4908-8434-0da8a4e06be9.png
Normal file
BIN
luck/_media/sky/182aa944-438d-4908-8434-0da8a4e06be9.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 441 KiB |
@ -6,8 +6,9 @@
|
||||
|
||||
-  操作文档
|
||||
|
||||
- [星空抽奖-网页端(免费)](luck/skying.md)
|
||||
- [星空抽奖-安装包](luck/sky.md)
|
||||
- [巨幕抽奖](luck/screen.md)
|
||||
- [星空抽奖](luck/skying.md)
|
||||
|
||||
- [ 问题总结](question.md)
|
||||
|
||||
|
||||
160
luck/sky.md
160
luck/sky.md
@ -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>
|
||||
|
||||
|
||||
|
||||
## 功能演示
|
||||
|
||||
<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 三大主流操作系统
|
||||
|
||||
#### 跨平台支持：
|
||||
- 程序支持 Windows、MacOS 和 Linux 三大操作系统
|
||||
### 2. 抽奖功能完善 🎯
|
||||
- **分批次抽奖**：灵活设置抽奖批次和人数
|
||||
> 示例：五等奖共5人，可设置一次抽完，或分两次抽取（第一次3人，第二次2人）
|
||||
- **智能内定功能**：支持预设获奖人员
|
||||
> 说明：内定人数等于抽奖人数时全部抽取，大于时随机抽取
|
||||
|
||||
#### 抽奖功能完善：
|
||||
- 支持分批次抽奖（例如：五等奖5人，设置抽奖一次，那么一次抽奖5人，设置抽奖二次， 那么第一次抽奖三人，第二次抽奖二人）
|
||||
- 支持内定（内定人数同抽奖人数时，一次全部抽取，内定人数大于抽奖人数时，从内定中随机抽取）
|
||||
### 3. 离线运行 💾
|
||||
- **即插即用**：支持U盘运行，完全本地化
|
||||
- **无需联网**：断网状态下依然可正常抽奖
|
||||
|
||||
#### 离线运行：
|
||||
- 放入U盘，即插即用，完全本地化运行，无需联网（断网亦可正常抽奖）
|
||||
### 4. 数据安全 🔒
|
||||
- **本地存储**：数据完全存储在本地
|
||||
- **零传输**：无网络数据传输，避免信息泄露风险
|
||||
|
||||
#### 数据安全：
|
||||
- 本地存储，数据在您电脑本地，无网络传输，保证数据安全，避免泄露风险
|
||||
### 5. 便捷数据导入 📊
|
||||
- ✅ 支持 Excel 文件导入名单
|
||||
- ✅ 提供标准模板下载
|
||||
- ✅ 支持拖拽上传方式
|
||||
- ✅ 支持万人级抽奖（流畅不卡顿）
|
||||
|
||||
#### 数据导入便捷：
|
||||
- 支持 Excel 文件导入参与者名单
|
||||
- 提供标准模板下载功能
|
||||
- 支持拖拽上传
|
||||
- 支持一万人+ 抽奖流畅不卡顿
|
||||
|
||||
#### 自定义
|
||||
- 支持自定义公司 Logo
|
||||
- 支持自定义背景图片
|
||||
- 可选择是否在屏幕中心显示 Logo
|
||||
### 6. 个性化定制 🎨
|
||||
- **界面定制**
|
||||
- 自定义公司 Logo
|
||||
- 自定义背景图片
|
||||
- 可选中心 Logo 显示
|
||||
- 支持全屏模式切换
|
||||
- 支持自定义背景音乐
|
||||
- 支持自定义中奖音效
|
||||
- 音乐和音效可独立开关控制
|
||||
- **音效定制**
|
||||
- 自定义背景音乐
|
||||
- 自定义中奖音效
|
||||
- 音乐/音效独立控制
|
||||
|
||||
|
||||
|
||||
### 抽奖设置
|
||||
## 使用指南
|
||||
|
||||
> 屏幕右下角，鼠标划上去，显示抽奖操作设置栏
|
||||
### 基础设置 ⚙️
|
||||
|
||||
|
||||
> 💡 将鼠标移至屏幕右下角，即可显示抽奖操作设置栏
|
||||
|
||||
> 【Logo设置】<br/>
|
||||
> 1、设置企业LOGO(注：建议png透明背景格式)<br/>
|
||||
> 2、设置是否添加LOGO至屏幕中间<br/>
|
||||
> 3、设置抽奖背景<br/>
|
||||
> 4、设置背景音乐<br/>
|
||||
> 5、设置中奖音乐<br/>
|
||||
|
||||
|
||||
|
||||
|
||||
### Logo 与界面设置 🎯
|
||||
|
||||
1. **企业 Logo 设置**
|
||||
- 推荐使用 PNG 格式（透明背景）
|
||||
- 支持屏幕中央显示选项
|
||||
2. **界面个性化**
|
||||
- 自定义抽奖背景
|
||||
- 背景音乐设置
|
||||
- 中奖提示音设置
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### 上传抽奖 excel 文件
|
||||
### 数据导入指南 📝
|
||||
|
||||
> 下载 excel 模板，并按照格式设置奖品等级，抽奖名单，设置完成后，上传并确认
|
||||
#### 1. Excel 模板使用
|
||||
> 📥 下载专用 Excel 模板，按格式填写奖品信息和抽奖名单
|
||||
|
||||
|
||||
|
||||
|
||||
> 奖品等级，奖品名称，奖品数量填写
|
||||
#### 2. 奖品信息设置
|
||||
> ✨ 填写奖品等级、名称及数量
|
||||
|
||||
|
||||
|
||||
|
||||
> 抽奖人员编码 ID，姓名填写
|
||||
#### 3. 参与者信息录入
|
||||
> 👥 填写参与者编码和姓名
|
||||
|
||||
|
||||
|
||||
|
||||
> 一次性中奖效果
|
||||
### 抽奖效果展示 🎉
|
||||
|
||||
|
||||
#### 一次性抽奖模式
|
||||
> 所有获奖者同时揭晓
|
||||
|
||||
> 分批次中奖效果
|
||||
|
||||
|
||||
|
||||
#### 分批次抽奖模式
|
||||
> 按设定批次逐步抽取
|
||||
|
||||
### 中奖记录
|
||||
|
||||
|
||||
> 中奖记录页面（循环滚动） <br/>
|
||||
> 1、下载中奖人员 Excel表格文件 <br/>
|
||||
> 2、刷新中奖记录 <br/>
|
||||
> 3、取消中奖者（某个中奖人员不在时，取消后可以重新抽取） <br/>
|
||||
## 中奖记录管理 📊
|
||||
|
||||
|
||||
### 功能特点
|
||||
- 🔄 实时循环滚动展示
|
||||
- 📥 一键导出 Excel 表格
|
||||
- 🔄 随时刷新记录
|
||||
- ⚠️ 支持取消中奖资格（缺席人员可重新抽取）
|
||||
|
||||
|
||||
### 操作界面
|
||||
|
||||
|
||||
#### 导出功能
|
||||
|
||||
|
||||
### 联系我
|
||||
#### 记录展示
|
||||
|
||||
|
||||
> 我的微信，有问题随时扫码联系
|
||||
#### 取消中奖
|
||||
|
||||
|
||||
|
||||
## 帮助支持 💬
|
||||
|
||||
### 操作文档
|
||||
> 浏览器打开：https://doc.luckday.cn
|
||||
### 联系方式
|
||||
> 扫描下方二维码添加微信，获取即时支持
|
||||
|
||||
|
||||
|
||||
|
||||
### 在线文档
|
||||
> 📚 详细文档：https://doc.luckday.cn
|
||||
|
||||
|
||||
|
||||
### 重置操作
|
||||
|
||||
@ -122,11 +154,11 @@
|
||||
|
||||
|
||||
|
||||
### 如何内定
|
||||
<!-- ### 如何内定
|
||||
|
||||
|
||||
|
||||
|
||||
 -->
|
||||
|
||||
### 如何获取抽奖码？
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
> https://lottery.luckday.cn/#/skying
|
||||
|
||||
|
||||
|
||||
|
||||
@ -82,13 +85,17 @@
|
||||
|
||||
 -->
|
||||
|
||||
|
||||
|
||||
### 如何获取抽奖码？
|
||||
|
||||
> <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 /> 时效：永久可用
|
||||
|
||||
 -->
|
||||
<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 微信 ↓
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user