QingKunLi / xianyu

咸鱼记账

简介

咸鱼记账是一个基于vue.js和echarts.js的单页面应用, 界面样式主要参考了"鲨鱼记账"这个应用。 项目采用了vue.js提供的组件化的开发方式, 引入typescript替代javascript作为主力的开发语言。项目应用了许多vue.js提供的新特性, 包括slot插槽机制, mixin混入等, 在未引入任何第三方组件库的情况下实现了一个简易的计算器以及日期选择组件。该项目作为个人练手的项目, 实现了对商业级应用"鲨鱼记账"前端 部分的功能模仿。

技术栈

vue2 + vue-router + vuex + typescript + echarts.js + svg

项目运行

    git clone https://github.com/QingKunLi/xianyu.git
    cd xianyu
    yarn install
    yarn serve

效果演示

查看demo请戳这里 (建议使用chrome手机模式预览)

移动端可扫描下方二维码访问