uniapp写一个计算器用于记账（微信小程序，APP）

最新推荐文章于 2024-08-13 09:26:02 发布
最新推荐文章于 2024-08-13 09:26:02 发布
阅读量1.4k 收藏 3
点赞数 1
文章标签： uni-app 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csdnyp/article/details/134187880
版权

提要：自己用uniapp写了一个记账小程序（目前是小程序），写到计算器部分，在网上找了别人写的计算器，大多数逻辑都是最简单的，都不能满足一个记账计算器的基本逻辑。与其在网上找来找去，还不如自己多捣鼓捣鼓。

 git地址

https://gitee.com/yapplee/kog-calculator.git

效果图 

 

主要代码

贴部分主要代码，其它代码去git拉代码看，用HBuilderX能直接运行

可自行修改布局，自行加入除法运算

 

kogmini
关注
基于JavaSpringBoot+uniapp制作一个记账小程序
商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
05-30 6429
你不理财,财不理你,制作一个记账小程序对自己的收入/支出明细进行管理,守护好自己的钱袋子。
使用UniApp构建简易计算器
emmp40的博客
06-20 1342
通过Vue.js的模板语法和UniApp提供的丰富功能，我们可以快速开发出一个具有基本计算功能的应用程序。如果你对跨平台应用开发感兴趣，或者想要寻找一个强大且易用的工具来实现你的创意，那么不妨尝试一下UniApp。按钮部分使用嵌套的`<view>`和`<button>`元素来创建一系列按钮，而按钮的文本和样式则通过Vue绑定实现。第三步：处理计算逻辑 我们需要在页面的script标签中添加逻辑代码，来处理按钮的点击事件和计算逻辑。在这段代码中，我们使用了Vue.js的模板语法来定义计算器页面的结构。
uniapp实现简易计算器
weixin_47586598的博客
03-20 1852
uniapp实现简易计算器
用uniapp实现一个简单的计算器
06-08
用uniapp实现一个简单的计算器，亲测有效！
Uniapp之微信小程序计算器
最新发布
qq_39772439的博客
08-13 815
具体使用可以参考微信小程序：日常记一记--我的---计算器。UI仿的iOS手机计算器，基本功能已经实现，如下效果图。1，strClass模块是计算过程代码展示。2，result-view模块是结果展示。3，btns-view模块是计算器按钮模块。到这里，计算器UI效果图基本就出来了。4，计算加减乘除等方法。第二步，添加相应功能。第一步：UI界面设计。
uniapp中制作战力计算器
在无知中学习，在学习中成长，在成长中学习
09-15 1122
uniapp中制作战力计算器 <template> <view class="calculate-wrap"> <!-- 计时器-start --> <view class="calculate-screen"> <view class="calculate-screen-title"> <image class="calculate-screen-small" mode="aspectFill" src="@/p
微信小程序案例3-2 计算器
m0_73807632的博客
11-13 1293
创建微信小程序项目 - 计算器单击【确定】按钮按照管理，做一些初始化工作。
实用微信记账小程序源码
11-08
虽然记账主要涉及的是加减操作，但为了提供更全面的服务，小程序可能还会包含一个简单的计算器功能，方便用户进行金额计算。 除了上述页面，小程序的开发还需要以下关键文件： - **app.js**：这是小程序的全局...
最新版30套微信小程序
02-13
1.查拼音 工具--字典 2.2048 3.wxapp-zb-master装b生成器 4.wx-calculator-master计算器 5.weapp_lipstick-master口红试色 6.wxapp-sCalc-master计算器2 ...30.laohuangli-master老黄历微信小程序，支持宜/忌事项查阅。
微信小程序教程、微信小程序开发资源下载汇总（6.16日更新，持续更新中……）
APPx应用魔方
06-16 6211
摘要：微信小程序教程合集、微信小程序开发资源合集、微信小程序DEMO合集、微信小程序商店合集、微信小程序经验合集、微信小程序技巧合集 微信小程序开发工具5款微信小程序开发工具使用报告微信小程序开发教程微信小程序入门系列 微信小程序入门《六》头像上传 微信小程序入门《五》登录注册 微信小程序入门《四》本地缓存和搜索（附源 微信小程序入门《三》详情页面，上滑加载下 微信小程序入门《二》request请求
微信小程序开发部署发布可以在10分钟内完成
m0_66327625的博客
01-20 2333
很多朋友都认为微信小程序申请、部署、发布很难，需要很长时间。 实际上，微信和腾讯云同是腾讯产品，已经提供了10分钟（根据准备资源情况，已完成小程序申请认证）完成小程序开发、部署、发布的方式。当然，实现的是基础功能。但是，可以给学习者很便捷的体验和很好的启发。 不过，随着微信平台和云服务的发展，真担心，程序猿会失业！ 案例下载： 百度网盘-链接不存在 目录 一.微信小程序申请 二.服务器设置（申请、部署、域名） 1.申请服务器 2.部署服务器 3.域名申请和配置 三.小程序发布 .
uniapp房贷计算器,适用pc移动端
02-01
房贷计算器，功能全面，设计及页面好看，适用于移动端和pc端
uniapp实现计算器功能
10-05
使用uniapp进行简单移动开发
实现简单的计算器，一次性处理一串运算表达式
12-09
核心是算法，关于怎么一次性处理一连串的运算表达式，例如：1+2*3*4-5*6/7-8
uniapp房贷计算器小程序源码包
08-12
基于uniapp项目 QQ、微信小程序 的 房贷计算器实例，包括商业贷款计算、公积金贷款计算，可以输入贷款金额、贷款年限、按最新LPR，亲测有用！
uniapp中实现简易计算器
纸鸢的博客
02-02 4191
uniapp中实现简易计算器 主要问题：在计算器的实现过程中会遇到小数点计算精度； 此计算器是依赖了uni-popup的弹出层插件，可在uniapp官方组件中查找扩展插件popup弹窗层下载，也可直接点击该（https://ext.dcloud.net.cn/plugin?id=329）链接直接下载 计算器效果图 HTML源码 <template> <view class="uni-popup-calculator"> <view class="uni-popup-ca
uniapp 做的一个房贷计算器
陈熙之的博客
10-15 1499
在支付宝的文档中找到一个比较详细的公式 等额本息计算公式 每月还款额=贷款本金×[月利率×（1+月利率）^还款月数]÷[（1+月利率）^还款月数-1] 总支付利息：总利息=还款月数×每月月供额-贷款本金 每月应还利息=贷款本金×月利率×〔(1+月利率)^还款月数-(1+月利率)^(还款月序号-1)〕÷〔(1+月利率)^还款月数-1〕 每月应还本金=贷款本金×月利率×(1+月利率)^(还款月序号-1)÷〔(1+月利率)^还款月数-1〕 总利息=还款月数×每月月供额-贷款本金 等额本金计算..
[精品毕设]基于Uniapp+SSM实现的记账app家庭账单财务
m0_73612711的博客
06-18 203
该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程等
基于uniapp的记账本源码，后台springboot
wfuhui的博客
08-11 1318
大等于jdk1.8，大于mysql5.5，idea（eclipse），HBuilder X。首页显示余额，以及记账记录，点击新增按钮跳转添加记账，输入金额，选择类型保存即可。代码注释齐全，没有多余代码，适合学习(毕设)，二次开发，包含论文技术相关文档。用户管理：查看注册用户信息及删除。个人中心显示我的信息（可编辑）记录管理：查看用户新增记账记录。管理员管理：后台管理员增删改查。分类管理：分类信息增删改查。统计分析展示收入支出占比。......
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值