# Fancy Slide

**Repository Path**: archknight/fslide

## Basic Information

- **Project Name**: Fancy Slide
- **Description**: 一个基于Electron设计的数码相框应用。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-08-30
- **Last Updated**: 2022-06-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Fancy Slide

一个基于Electron设计的数码相框应用，从界面到操作都很简单。

前端部分采用Bulma作为样式基础，Vue 2为基础框架，使用Vuex进行状态管理。由于界面简单，没有采用Vue-Router进行多界面设计。

图片类型支持：`JPEG`、`PNG`、`GIF`。

#### 界面操作

应用的主菜单在应用打开时默认显示，切换主菜单显示的按键为`Esc`。主菜单中支持切换全屏、锁定应用、打开文件夹的功能。

“打开文件夹”功能将直接开始扫描所选择文件夹及其全部子文件夹中的支持类型的图片，并自动启动幻灯片展示。“锁定”功能将暂停幻灯片展示，并使应用进入锁定状态，目前默认采用滑动方式解锁，锁定的快捷键在Windows中是`Ctrl+L`，在macOS中是`Command+L`。新加入的PIN码解锁，默认PIN码为“0000”，在解锁界面点击左下角的钥匙键，可以进入修改PIN码功能。

macOS系统中由于无法完全隐藏菜单，故菜单中放置了“打开文件夹”与“切换全屏”的功能，这两个功能的执行逻辑与主菜单中相应功能相同。

#### 编译执行步骤

``` bash
# 安装依赖包
npm install
# 如果已经安装了yarn
yarn

# 热加载方式调试
npm run dev

# 编译打包发布状态应用
# Windows系统
npm run build:win
# Windows系统，以Portable方式打包
npm run build:win-portable
# macOS系统
npm run build:mac
# 一次性打包Windows系统与macOS系统
npm run build:mw

```

#### 目前已知问题

* 打开3000×3000以上的图片偶尔会暂时性卡死。

---

项目基本文件架构由[electron-vue](https://github.com/SimulatedGREG/electron-vue)使用[vue-cli](https://github.com/vuejs/vue-cli)建立。相关文档可在[此处](https://simulatedgreg.gitbooks.io/electron-vue/content/index.html)找到。