HarmonyOS - 实现简易的计算器

项目说明
工具版本：DevEco Studio 3.0 Beta3

SDK版本；3.1.5.5

前言

本计算器是仿造windows系统实现的，实现了基本的功能：四则运算，清除，退位，小数点，正负号功能。作为FA初学者，拿来练练手，重点是熟悉其中一些语法的使用，以及css属性。

效果展示

API参考

属性	类型		描述
border-radius	<length>	-	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	<length>	-	分别设置左上，右上，右下和左下四个角的圆角半径。
background	<linear-gradient>	-	仅支持设置渐变样式，与background-color、background-image不兼容。
background-color	<color>	-	设置背景颜色。

 

代码展示

1. html代码

<div class="container">
    <text class="title">
        计算器
    </text>
    <input class="inputBox" ref="inputnum">
{
  {iptValue}}
    </input>

    <div class="numBox">
        <div class="garyBox">
            <text for=