uniapp中实现简易计算器
uniapp中实现简易计算器
主要问题:在计算器的实现过程中会遇到小数点计算精度;
此计算器是依赖了uni-popup的弹出层插件,可在uniapp官方组件中查找扩展插件popup弹窗层下载,也可直接点击该(https://ext.dcloud.net.cn/plugin?id=329)链接直接下载
计算器效果图

话不多说上代码:
HTML源码
class="uni-popup-calculator">
class="uni-popup-calculator-title">
{{number}}
class="uni-popup-content">
class="uni-popup-cell" :class="[item.flag?'active':'',item.width == 2?'cur':'',item.border?'border':'']"
@click.stop="calculationTwo(item)" v-for="(item,idx) in calculator" :key="idx">
{{item.name}}
Js源码
Css源码
实现计算器的基本功能,希望能帮到你谢谢!记着点赞哦!