资讯专栏INFORMATION COLUMN

使用vue写的计算器demo

Jason_Geng / 1943人阅读

calculator
一个vue实现的简单计算器
技术栈

[x] vue

[x] webpack

[x] AlloyFinger

[x] vue computed

实现的效果

[x] 左右滑动切换主题

[x] 整数位大于3位自动添加逗号

[x] 输入加减乘除符号直接计算结果

[x] 清除所有数据

[x] 退格

[ ] 按钮动画

[x] 在输出结果之后不能退格

bug

[x] 在手机段不是全屏固定的,可以拖动

写后感

写这个纯属想弄一个好看点的,没想到写的时候花了好几天,没有头绪,还存在很多bug,颜色切换也是切换了整个css,还有很多需要优化整改的地方,慢慢改进中~~~

下面是预览和源码地址,欢迎star,fork。
在线预览
项目源码

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/93635.html

相关文章

  • 基于Vue2全家桶的移动端AppDEMO实现

    好久没更新过Vue的小文章,上次做了一个基于Vue+Mint-ui的移动端AppDemo,集成了推送功能,然后通过cordova打包生成apk,移动端表现还不错,今天把这个小东西分享出来,希望有更多的小伙伴能够用Vue去做一些有意思的东西,本人才疏学浅,有说的不对的地方,还请大家多多指教。下面按照惯例放上demo地址和源码地址,希望大家能给我点下star:Demo(进去需要先注册才能登录,用的lo...

    Jiavan 评论0 收藏0
  • Vue.js学习系列二 —— vuex学习实践笔记(附DEMO

    摘要:有兴趣的同学可以查看之前发布的文章学习系列一学习实践笔记附学习系列二学习实践笔记附学习系列三和网络传输相关知识的学习实践学习系列四打包工具的使用学习系列五从来聊聊学习系列项目地址项目暂时有点乱,之后会进行整理优化。 上次学习了vue-router的使用,让我能够在各个页面间切换,将页面搭建了起来。这次则要学习vue的状态管理模式——vuex。它类似于redux来应用的全局状态。 注:本...

    DobbyKim 评论0 收藏0
  • 刚学vue写的一个入门demo,时光网

    摘要:写的一个移动端时光网刚学不久,动手写了一个。源代码源代码地址技术栈接口有人收集的加上自己去官网找的截图总结因为是初学,有点简陋,海涵。也希望通过实践将应用到项目中,欢迎 vue写的一个移动端时光网 刚学vue不久,动手写了一个demo。 源代码 源代码地址:GitHub 技术栈 vue2 + vuex + vue-router + webpack + ES6 + scss + fle...

    Blackjun 评论0 收藏0
  • 刚学vue写的一个入门demo,时光网

    摘要:写的一个移动端时光网刚学不久,动手写了一个。源代码源代码地址技术栈接口有人收集的加上自己去官网找的截图总结因为是初学,有点简陋,海涵。也希望通过实践将应用到项目中,欢迎 vue写的一个移动端时光网 刚学vue不久,动手写了一个demo。 源代码 源代码地址:GitHub 技术栈 vue2 + vuex + vue-router + webpack + ES6 + scss + fle...

    includecmath 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<