碰磕Timer
🚀🚀首发:CSDN碰磕,分享自己的学习日志
🌞🌞🌞晴
✊✊学无止境
📅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)
https://gitee.com/Beanbao/pengke-timer
我已上传至gitee🤭