用微信小程序开发BMI计算器(核心代码) |
您所在的位置:网站首页 › 体脂计算器小工具在哪 › 用微信小程序开发BMI计算器(核心代码) |
微信小程序大热,笔者想利用之开发一款BMI计算器,因为不久后有考试,所以只实现最基础的功能。 1.微信开发者工具工作界面 2.需要新增的文件夹 3.核心代码 3.1list.wxml 身高(cm) 体重(kg) {{bmi}} {{info}} 算一算3.2list.js Page({ data:{ height:null, weight:null, bmi:'BMI', info:'健康提示' }, heightInput(e){ this.setData({ height: e.detail.value }) }, weightInput(e){ this.setData({ weight:e.detail.value }) }, bmi:function(event){ var weightnum=parseFloat(this.data.weight) var heightnum=parseFloat(this.data.height) var bmi=(weightnum/(heightnum/100)/(heightnum/100)).toFixed(2) var info="" if(bmi=18.5&&bmi=23.9&&bmi=27.9){ info="肥胖,提高警惕!" } console.log(bmi) console.log(info) this.setData({ bmi:bmi, info:info }) } })4.实现效果 登录界面等待用户输入 输出计算结果 5.注意事项 this.setData({ bmi:bmi, info:info })笔者因为缺了上述代码,始终无法在前台页面看到计算结果。重新研究微信小程序官方开发指南后才补上,遂实现功能。所以读文档还是很重要的啊!
|
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |