liushuang
4e2a7d7498
- 在封面页添加下拉菜单组件，支持 Mac Intel 芯片和 Apple 芯片两种下载选项 - 实现下拉菜单的 JavaScript 交互功能，包括展开收起和点击事件处理 - 添加下拉菜单的 CSS 样式，包含悬停效果和响应式布局 - 在 index.html 中引入新的 dropdown.js 脚本文件 - 实现移动端适配，确保下拉菜单在不同屏幕尺寸下的正常显示
256 lines
9.7 KiB
Markdown
256 lines
9.7 KiB
Markdown
<div class="header">
|
||
<div class="header-left">
|
||
<a class="header-jump" href="/">
|
||
<img src="_media/svg/home.svg" />
|
||
<span>首页</span>
|
||
</a>
|
||
</div>
|
||
<div class="header-right">
|
||
<a class="header-jump" href="#/luck/sky.md">
|
||
<img src="_media/svg/doc.svg" />
|
||
<span>文档</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- <div class="doc">
|
||
<a href="#/README">
|
||
<img src="_media/svg/doc.svg" />
|
||
</a>
|
||
</div> -->
|
||
|
||
<div class="liu-logo">
|
||
<div class="logo"></div>
|
||
</div>
|
||
|
||
<div class="logo-name">
|
||
<i class="icon-logo"></i>
|
||
<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="#/luck/sky.md" class="doc">
|
||
操作文档 →
|
||
<img src="_media/svg/doc.svg" alt="文档" />
|
||
</a>
|
||
</h5>
|
||
<h5> 版本一（历史版本，源码丢失）版本二（升级版不卡顿） </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://lottery.luckday.cn/#/skying" rel="noopener" target="_blank"><span>版本一</span>
|
||
</a>
|
||
<a href="https://skying.luckday.cn" rel="noopener" target="_blank"><span>版本二</span></a>
|
||
</div>
|
||
</div>
|
||
<div class="luckday-video-screen">
|
||
<div>
|
||
<h2 class="screen-title">星空抽奖（安装包版本）</h2>
|
||
<h5> 星空背景，3D旋转。
|
||
<a href="#/luck/sky.md" class="doc">
|
||
操作文档 →
|
||
<img src="_media/svg/doc.svg" alt="文档" />
|
||
</a>
|
||
</h5>
|
||
<h5> Excel一键导入，支持1万人+，U盘即插即用，无需联网 </h5>
|
||
</div>
|
||
<video class="screen-video" autoplay loop muted playsinline>
|
||
<source src="./_media/video/sky.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>
|
||
|
||
<div class="luckday-video">
|
||
<div class="luckday-video-screen">
|
||
<div>
|
||
<h2 class="screen-title">巨幕抽奖（安装包版本）</h2>
|
||
<h5> 星空背景，巨幕照片墙。
|
||
<a href="#/luck/screen-new.md" class="doc">
|
||
操作文档 →
|
||
<img src="_media/svg/doc.svg" alt="文档" />
|
||
</a>
|
||
</h5>
|
||
<h5> 数据绝对安全，支持1万人+，离线U盘可用 </h5>
|
||
</div>
|
||
<video class="screen-video" autoplay loop muted playsinline>
|
||
<source src="./_media/video/screen.mp4" type="video/mp4">
|
||
</video>
|
||
<div class="buttons">
|
||
<a href="./_media/package/win-luckday-screen.zip" rel="noopener" target="_blank"><span>Win 下载</span>
|
||
</a>
|
||
<div class="dropdown">
|
||
<a class="dropdown-toggle" href="javascript:void(0)"><span>Mac 下载</span></a>
|
||
<div class="dropdown-menu">
|
||
<a href="./_media/package/mac-luckday-screen.zip" rel="noopener" target="_blank"><span>Mac (Intel 芯片)</span></a>
|
||
<a href="./_media/package/mac-arm64-luckday-screen.zip" rel="noopener" target="_blank"><span>Mac (Apple 芯片)</span></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- <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 class="luckday-video-screen">
|
||
<div>
|
||
<h2 class="screen-title">大转盘抽奖（免费）</h2>
|
||
<h5> 超市活动现场抽奖
|
||
<a href="#/luck/happy.md" class="doc">
|
||
操作文档 →
|
||
<img src="_media/svg/doc.svg" alt="文档" />
|
||
</a>
|
||
</h5>
|
||
<h5> 支持抢答按钮一键点击 </h5>
|
||
</div>
|
||
<video class="screen-video" autoplay loop muted playsinline>
|
||
<source src="./_media/video/happy.mp4" type="video/mp4">
|
||
</video>
|
||
<div class="buttons">
|
||
<a href="https://happy.luckday.cn" rel="noopener" target="_blank"><span> GO </span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="features-comparison">
|
||
<div class="comparison-container">
|
||
<h2 class="comparison-title">LuckDay抽奖功能</h2>
|
||
<h5> 幸运抽奖各个版本的功能对比介绍 </h5>
|
||
<div class="comparison-grid">
|
||
<!-- 免费网页版 -->
|
||
<div class="comparison-card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">星空抽奖网页版</h3>
|
||
<div class="card-price">免费</div>
|
||
</div>
|
||
<ul class="feature-list">
|
||
<li>需要网络（仅加载静态资源）</li>
|
||
<li>数据安全（浏览器本地存储）</li>
|
||
<li>简单易用（excel导入数据）</li>
|
||
<li>3D星空动画效果</li>
|
||
<li>支持1万人+抽奖</li>
|
||
<li>自定义Logo、背景（图片最大3M）</li>
|
||
<li>中奖名单可Excel下载</li>
|
||
<li>可投屏，全屏显示</li>
|
||
<li>无时间次数限制</li>
|
||
<!-- <li class="unavailable">分批次抽奖</li>
|
||
<li class="unavailable">Excel批量导入</li>
|
||
<li class="unavailable">自定义背景音乐</li>
|
||
<li class="unavailable">离线运行模式</li>
|
||
<li class="unavailable">数据本地存储</li> -->
|
||
</ul>
|
||
<div class="card-footer">
|
||
<div class="buttons">
|
||
<a href="http://skying.luckday.cn" rel="noopener" target="_blank">
|
||
<span>立即体验</span>
|
||
<img src="_media/svg/right.svg" alt="立即体验">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 专业版 -->
|
||
<div class="comparison-card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">星空抽奖（安装版）</h3>
|
||
<div class="card-price">49.9<span>元/一个月</span></div>
|
||
</div>
|
||
<ul class="feature-list">
|
||
<li>无需网络（U盘运行，完全离线）</li>
|
||
<li>数据安全（数据存储在你电脑上）</li>
|
||
<li>简单易用（Excel一键导入名单）</li>
|
||
<li>3D星空动画效果（球体，立方体，三角体，圆柱，环形，飞碟等）</li>
|
||
<li>支持1万人+抽奖</li>
|
||
<li>星空主题，粒子漂浮，红包雨主题</li>
|
||
<li>中奖动效，烟花，金币雨，金色光线等</li>
|
||
<li>支持临时手动新增奖项，抽奖人员</li>
|
||
<li>支持中奖人员不在，取消重抽</li>
|
||
<li>支持更换二维码，支持隐藏抽奖人数</li>
|
||
<li>自定义Logo、背景，音乐，字体（图片无大小限制）</li>
|
||
<li>支持调整3D旋转名单，转字体大小，颜色背景</li>
|
||
<li>新增编辑模式，支持不裁剪上传Logo，支持Logo放大缩小，拖动位置</li>
|
||
<li>编辑模式下支持上传多张图片，点缀背景</li>
|
||
<li>支持分批次抽奖，支持隐藏显示统计面板</li>
|
||
<li>支持外接抽奖按钮</li>
|
||
<li>可投屏，全屏显示</li>
|
||
<li>无次数机器限制</li>
|
||
<li>无人数上限</li>
|
||
<li>专属技术支持</li>
|
||
<li>免费功能更新</li>
|
||
<li>7*24售后服务</li>
|
||
</ul>
|
||
<div class="card-footer">
|
||
<div class="buttons">
|
||
<a href="https://item.taobao.com/item.htm?id=957251122617" rel="noopener" target="_blank">
|
||
<span>立即购买</span>
|
||
<img src="_media/svg/shop.svg" alt="立即购买">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 企业版 -->
|
||
<div class="comparison-card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">巨幕抽奖（安装板）</h3>
|
||
<div class="card-price">199.9<span>元/一个月</span></div>
|
||
</div>
|
||
<ul class="feature-list">
|
||
<li>无需网络（U盘运行，完全离线）</li>
|
||
<li>数据安全（数据存储在你电脑上）</li>
|
||
<li>简单易用（Excel一键导入名单）</li>
|
||
<li>支持1万人+抽奖</li>
|
||
<li>星空主题，粒子漂浮，红包雨主题</li>
|
||
<li>中奖动效，烟花，金币雨，金色光线等</li>
|
||
<li>支持临时手动新增奖项，抽奖人员</li>
|
||
<li>支持中奖人员不在，取消重抽</li>
|
||
<li>新增编辑模式，支持不裁剪上传Logo，支持Logo放大缩小，拖动位置</li>
|
||
<li>编辑模式下支持上传多张图片，点缀背景</li>
|
||
<li>支持分批次抽奖</li>
|
||
<li>支持外接抽奖按钮</li>
|
||
<li>可投屏，全屏显示</li>
|
||
<li>无次数机器限制</li>
|
||
<li>无人数上限</li>
|
||
<li>专属技术支持</li>
|
||
<li>免费功能更新</li>
|
||
<li>7*24售后服务</li>
|
||
</ul>
|
||
<div class="card-footer">
|
||
<div class="buttons">
|
||
<a href="https://item.taobao.com/item.htm?id=1000823514535" rel="noopener" target="_blank"><span>立即购买</span>
|
||
<img src="_media/svg/shop.svg" alt="立即购买">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- <div class="buttons">
|
||
<a href="https://git.luckday.cn" target="_blank"><span>Git</span></a>
|
||
<a href="#/README"><span>Get Started</span></a>
|
||
</div> -->
|
||
|
||
<div class="footer">Copyright ©2023 luckday 版权所有 <a href="https://beian.miit.gov.cn/"> 鄂ICP备2023000371号 </a></div>
|
||
|
||
|