美剧老司机

练习vue和electron写的一个寻找美剧资源的桌面应用

技术栈

项目使用electron-vue构建

  • JS: Vue
  • CSS:Less
  • Package:Webpack
  • UI:RizuUI

特点

  • 整个应用仅有一个界面,所有视图组件通过层叠与控制v-show来展示
  • Home组件为容器组件,仅负责业务逻辑与数据解析
  • 有多个视图组件,仅设计样式,数据由容器组件传递

功能

  1. 设计了两种不同的展示视图:卡片和列表
  2. 通过点击卡片或列表项弹出剧集的的下载列表
  3. 通过点击右上角的星星会收藏对应剧集
  4. 下方的选项卡可进入不同视图

遇到的问题

  1. 多个视图组件需要进行层叠,属性设置上要注意相互关系
  2. 如何封装一个input组件(详见components/views/CheckBox.vue,用于选择多项文件进行批量下载)
  3. 有时win10系统下打开会白屏,发现渲染进程会被kill了,暂未解决
文章目录
  1. 1. 技术栈
  2. 2. 特点
  3. 3. 功能
  4. 4. 遇到的问题
|