# 碰磕Timer

**Repository Path**: Beanbao/pengke-timer

## Basic Information

- **Project Name**: 碰磕Timer
- **Description**: 基于Electron+Layui桌面端开发的一款闹钟
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://gitee.com/Beanbao
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2022-06-05
- **Last Updated**: 2022-06-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Electron, HTML, CSS, JavaScript

## README

# 碰磕Timer

#### 介绍
基于Electron+Layui桌面端开发的一款闹钟

#### 项目结构
css----样式
img----背景图
js-----主进程与js文件等等..
layui---Layui的包
out----即打包成功后的文件夹

index.html---首页
dsj.html---倒计时页
myinfo.html--个人信息页
icon.ico——--应用图标
#### 安装运行教程
1. cd 当前目录(到当前文件目录下)
2. npm install(安装依赖包)
3. 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进行丰富界面
1.  首页
![输入图片说明](img/home.png)
首页主要是对当前时间的展示以及闹钟的展示(删除)
2.  添加闹钟
![输入图片说明](img/addtimer.png)
添加闹钟数据是存在本地的
3.  关于作者
![输入图片说明](img/myinfo.png)
主要是对作者的一些介绍以及推广
4.  提醒功能
![输入图片说明](img/tx.png)
闹钟到了会进行弹窗提醒
5.  倒计时功能
![输入图片说明](img/djs.png)
相当于闹钟详情页，进行一个读秒操作，时间过期会显示已失效
#### 参与贡献
1.  作者本人
热爱学习，最终使用Electron巩固自己的学习成果
2.难度体系:简单
3.目的:做一个闹钟可以很好的进行一个提醒作用!
#### 关于我
CSDN：碰磕[我的CSDN地址](https://blog.csdn.net/m_xiaozhilei)
学习交流QQ群：[QQ群](https://qm.qq.com/cgi-bin/qm/qr?k=bV_brpUcPdm6YuXK_ixVFxGBHz49p1I3&jump_from=webapi)
掘金:[我的掘金地址](https://juejin.cn/user/2801974798986861)