使用vue寫的計算器demo

Jack發表於2018-03-23
Vue

calculator

一個vue實現的簡單計算器

技術棧

  • [x] vue
  • [x] webpack
  • [x] AlloyFinger
  • [x] vue computed

實現的效果

  • [x] 左右滑動切換主題
  • [x] 整數位大於3位自動新增逗號
  • [x] 輸入加減乘除符號直接計算結果
  • [x] 清除所有資料
  • [x] 退格
  • [ ] 按鈕動畫
  • [x] 在輸出結果之後不能退格

bug

  • [x] 在手機段不是全屏固定的，可以拖動

calculator.gif

寫後感

寫這個純屬想弄一個好看點的，沒想到寫的時候花了好幾天，沒有頭緒，還存在很多bug，顏色切換也是切換了整個css，還有很多需要優化整改的地方，慢慢改進中~~~

下面是預覽和原始碼地址，歡迎star，fork。
線上預覽
專案原始碼

相關文章