开发桌面端闹钟
碰磕Timer
🚀🚀首发:碰磕，分享自己的学习日志
🌞🌞🌞晴
✊✊学无止境
📅2022/6/10
介绍
基于Electron+Layui桌面端开发的一款闹钟
项目结构
css----样式 img----背景图 js-----主进程与js文件等等.. layui---Layui的包 out----即打包成功后的文件夹
index.html---首页 dsj.html---倒计时页 myinfo.html--个人信息页 icon.ico——--应用图标
安装运行教程
- cd 当前目录(到当前文件目录下)
- npm install(安装依赖包)
- electron . (运行) 3-1：或者运行out文件夹下---碰磕Time-win32---‘碰磕Time’.exe
如何打包
//win10打包electron-packager . 碰磕Time --platform=win32 --arch=x64 --out=./out --icon=./Tal.ico --app-version=0.01 --overwrite --electron-zip-dir=../
- --out打包完后存放地址
- --icon 应用图标
- --app-version应用版本号
- . 应用名称
功能介绍
采用layui进行丰富界面
- 首页
首页主要是对当前时间的展示以及闹钟的展示(删除)
2. 添加闹钟
添加闹钟数据是存在本地的
3. 关于作者
主要是对作者的一些介绍以及推广
5. 提醒功能
闹钟到了会进行弹窗提醒
6. 倒计时功能
相当于闹钟详情页，进行一个读秒操作，时间过期会显示已失效
参与贡献
- 作者本人 热爱学习，最终使用Electron巩固自己的学习成果 2.难度体系:简单 3.目的:做一个闹钟可以很好的进行一个提醒作用!
技术栈
- layui
- electron
- js
- html
- css
项目地址(git)
gitee.com/Beanbao/pen… 我已上传至gitee🤭
