当前位置：首页 > 科技观察

HarmonyOS——实现一个简单的计算器

时间：2023-03-14 11:42:19 科技观察

想了解更多开源请访问：51CTO开源基础软件社区https://ost.51cto.com前言这个计算器是实现的通过模仿windows系统，实现了基本功能：四项算术运算、清零、退位、小数点、加减号功能。作为一个FA初学者，用来练习，重点是熟悉一些语法和css属性的使用。EffectDisplayAPIReference属性类型描述border-radius-border-radius属性设置元素外边框的圆角半径。设置border-radius时，border-[left|top|right|bottom]-width，border-[left|top|right|bottom]-color，某个方向的border-[left|top|right|bottom]不能单独设置]-style，如果要设置color、width和style，需要四个方向一起设置（border-width、border-color、border-style）。指令的顺序是左下、右下、左上和右上。border-[top|bottom]-[left|right]-radius-分别设置左上角、右上角、右下角、左下角的角半径。background-只支持设置渐变样式，不兼容background-color,background-image。background-color-设置背景颜色。代码展示1、html代码计算器{{iptValue}}{{item.value}}{{item.value}}

{{item.value}}{{item.value}}{{item.value}}{{item.value}}

2、css代码.container{display:flex;弹性方向：列；证明内容：居中；对齐项目：居中；左：0px；顶部：0px；宽度：454px;}.title{字体大小：30px;文本对齐：居中；宽度：200px；高度：100px；}.inputBox{高度：80px；背景颜色：浓汤；保证金：10px;}.numBox{显示：flex;边距：10px;}.garyBox{宽度：60%;显示：弹性；flex-wrap:wrap;}.yellowBox{宽度：40%;显示：弹性；flex-wrap:wrap;}.bc-c颜色{宽度：33%；高度：80px；边距：5px；边界半径：10px；文本对齐：居中；背景颜色：深灰色；}.bc-colora{宽度：50%；高度：80px；边距：5px；边界半径：10px；文本对齐：居中；background-color:orange;}3、js代码exportdefault{data:{iptValue:'',havenum:false,tool:'',arr:[{id:1,value:'7',tool:'num'},{id:2,value:'8',tool:'num'},{id:3,value:'9',tool:'num'},{id:4,value:'del',tool:'del'},{id:5,value:'C',tool:'clear'},{id:6,value:'4',tool:'num'},{id:7,value:'5',tool:'num'},{id:8,value:'6',tool:'num'},{id:9,value:'*',tool:'com'},{id:10,值:'/',tool:'com'},{id:11,value:'1',tool:'num'},{id:12,value:'2',tool:'num'},{id:13,value:'3',tool:'num'},{id:14,value:'+',tool:'com'},{id:15,value:'-',tool:'com'},{id:16,value:'0',tool:'num'},{id:17,value:'00',tool:'num'},{id:18,value:'.',tool:'dot'},{id:19,value:'%',tool:'com'},{id:20,value:'=',tool:'equal'},],},//NumbernumFn(val){//初始值不能为0this.iptValue=this.iptValue==='0'?'':this.iptValue;//输入框的数字拼接this.iptValue+=this.tool?这个.tool+val:val;this.tool="";//数字标记禁止连续点击符号this.havenum=true;},//操作符号comFn(val){this.commonFunc(val)},commonFunc(val){letarr=[];让标志=假；//遍历得到运算符for(leti=0;i

上一篇：中国移动发布2020年至2021年电力电缆集采

下一篇：2014年全球宽带网络硬件市场规模增长近10%

HarmonyOS——实现一个简单的计算器相关文章

最新推荐

猜你喜欢