Coder Social home page Coder Social logo

deardreamweb / coluorsstickynote.github.io Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 1.49 MB

基于vue2.x和typescript的彩色便利贴

Home Page: https://deardreamweb.github.io/coluorsStickyNote.github.io

JavaScript 2.20% CSS 8.25% HTML 2.68% Vue 70.55% TypeScript 16.33%
typescript vue html5 css3 css3-transitions html5-localstorage vuex element-ui css3-media-queries

coluorsstickynote.github.io's Introduction

项目预览

项目打包部署到了github和码云上。

码云版预览地址（国内访问会很快）
github版预览地址（国内访问可能会有点慢，请耐心等待）

多彩便利贴

基于Vue2.x和TypeScript开发的在线便利贴，名为多彩便利贴。

  • 主要使用了Vuex配合TypeScript以及LocalStorage来对数据进行储存和获取。
  • 采用了响应式布局，对移动端也有相应的适配。
  • 用瀑布流布局的方式来让便利贴能够更加美观的展现出来。
  • 采用了字体颜色和背景颜色反色技术展现便利贴效果。
  • 有添加便利贴，修改便利贴的样式和内容，可以自由选择便利贴的背景颜色，删除便利贴，查看分类等功能。

核心技术栈

  • Vue
  • TypeScript
  • Element-ui
  • Vuex
  • Html5
  • ES6
  • Scss
  • Css3

项目搭建

npm install

项目运行

npm run serve

项目效果

首页界面

首页界面

添加界面

添加界面

移动端首页界面

移动端添加界面

移动端添加界面

移动端添加界面

coluorsstickynote.github.io's People

Contributors

deardreamweb avatar

Stargazers

avatar avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.