• Stars
    star
    169
  • Rank 224,453 (Top 5 %)
  • Language Vue
  • Created over 8 years ago
  • Updated over 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

一个基于vue.js和Firebase制作的笔记spa(mobile端),UI库使用light7,页面切换使用vue-router

vue-vueRouter-note-Firebase-mobile

update

此项目已更新至Vue2.0+,使用REST API作为数据驱动,UI组件不再依赖第三方组件库,更新项目目前依旧在完善中,感兴趣可以到这个项目查看:vue2-firebase-REST-note-mobile


一个基于vue.js和Firebase制作的笔记spa(mobile端),UI库使用light7,页面切换使用vue-router。

此项目有独立PC版本,PC版项目请移步vue-note-firebase-app

目前此APP已经可以实现标签分类、笔记添加、删除等基本功能,同时通过Firebase实现了与PC版的数据同步,使app数据在mobile和pc之间无缝接合。

页面之间的切换使用了vue-router同时使用了vue-router的过场动画效果,UI库使用light7,同时使用了popup、swipout组件,增加了本app不少体验。

demo预览

最好在手机端查看使用本app,扫如下二维码即可进入项目在线地址:

项目安装

1、安装依赖

npm install

2、运行开发版项目

npm run dev

3、发布项目

npm run build

效果预览

TODO

  1. 目前router组件数据之间通信使用的是全局变量的方式,后续会改成使用vuex控制数据流的走向

  2. 增加日期排序

More Repositories

1

XStreaming

Xbox streaming app, you can play Xbox games anywhere.
JavaScript
187
star
2

RESRful-API-with-vuejs

基于Python Flask的简易RESTful API接口,可实现基本的前后端分离。
HTML
64
star
3

vue-note-firebase-app

一个基于vue.js和Firebase制作的笔记spa(PC端)
Vue
50
star
4

gito

A mini version control like git.
JavaScript
40
star
5

vue-jwt-vueRouter-vueResource

一个使用vue组件的认证登陆app,配合vue-router和vue-resource实现
JavaScript
25
star
6

vite-plugin-importus

Modularly import plugin, compatible with antd, lodash, material-ui and so on.
TypeScript
24
star
7

vue-frozen

📱解决移动端fixed遮罩弹窗滚动击穿的vue指令
HTML
11
star
8

ColorDivideJS

Color divide char,word,line by Javsscript,no jQuery.
HTML
10
star
9

domzoom.js

domzoom.js you can zoom dom in your page
JavaScript
7
star
10

vue2-firebase-REST-note-mobile

mobile note base vue2 and firebse REST
Vue
7
star
11

wechat-file-transfer-extension

A Chrome extension for wechat filer transfer
Svelte
6
star
12

geocld.github.io

my blog
HTML
4
star
13

web-wechat-chrome-extension

A Chrome extension for web wechat
JavaScript
3
star
14

sparkee

A publish tool for monorepo,just like lerna but support pnpm.
TypeScript
3
star
15

XStreaming-player

Player component for XStream.
TypeScript
3
star
16

XStreaming-webview

Webview for XStreaming.
TypeScript
2
star
17

postcss-rem-adaptive

A postcss v8 plugin that calculates and generates adaptive css code
JavaScript
1
star
18

DictUnifier-rs

Dictionary conversion tool for latest macOS, written by Rust.
Perl
1
star
19

py-websocket

A simple websocket implement by Python
Python
1
star