微信小程序--计算器2（单位换算）

微信小程序--计算器2（单位换算）

计算器：单位换算，以长度为例，其它类似。

length.js

Page({

data: {

m:'',//米

km: '',//千米

cm: '',//厘米

mm: '',//毫米

mium: '',//微米

nm: '',//纳米

mile:'',//英里

foot: '',//英尺

inch: ''//英寸

},

//获取用户输入，并修改其它input内容

Input: function (e) {

var id = e.target.id;

//把数据先换算成米

var basem = Number(e.detail.value)*1.0;

var vv = this.data.m;

var vv2 = e.detail.value;

if (id == "2") {

basem = Number(e.detail.value)*0.01;

vv = this.data.cm;

}

else if (id == "3") {

basem = Number(e.detail.value) * 0.001;

vv = this.data.mm;

}

else if (id == "4") {

basem = Number(e.detail.value) * 0.001 * 0.001;

vv = "mium";

}

else if (id == "5") {

basem = Number(e.detail.value) * 0.001 * 0.001 * 0.001;

vv = "nm";

}

else if (id == "6") {

basem = Number(e.detail.value) * 1609.344;

vv = "{{mile}}";

}

else if (id == "7") {

basem = Number(e.detail.value) * 0.3048;

}

else if (id == "8") {

basem = Number(e.detail.value) * 0.0254;

}

//修改input内容

this.setData({

m: basem,

cm: basem*100,

mm: basem * 1000,

mium: basem*100*1000,

nm: basem * 1000*1000*1000,

mile: basem * 0.0006214,

foot: basem * 3.2808399,

inch: basem * 39.3700787,

});

if (id == "2") {

this.setData({

cm: vv2,

});

}

else if (id == "3") {

this.setData({

mm: vv2,

});

}

else if (id == "4") {

this.setData({

mium: vv2,

});

}

else if (id == "5") {

this.setData({

nm: vv2,

});

}

else if (id == "6") {

this.setData({

mile: vv2,

});

}

else if (id == "7") {

this.setData({

foot: vv2,

});

}

else if (id == "8") {

this.setData({

inch: vv2,

});

}

},

// 用户点击右上角分享

onShareAppMessage: function () {

}

})

length.wxml

value="{{m}}"

id="1"

type="number"

style="text-align:right"

placeholder="请输入"

margin-right:10rpx

bindinput ="Input"/>

米(m)

value="{{cm}}"

id="2"

type="number"

style="text-align:right"

placeholder="请输入"

bindinput ="Input"/>

厘米(cm)

value="{{mm}}"

id="3"

type="number"

style="text-align:right"

placeholder="请输入"

bindinput ="Input"/>

毫米(mm)

value="{{mium}}"

id="4"

type="number"

style="text-align:right"

placeholder="请输入"

bindinput ="Input"/>

微米(μm)

value="{{nm}}"

id="5"

type="number"

style="text-align:right"

placeholder="请输入"

bindinput ="Input"/>

纳米(nm)

value="{{mile}}"

id="6"

type="number"

style="text-align:right"

placeholder="请输入"

bindinput ="Input"/>

英里(mile)

value="{{foot}}"

id="7"

type="number"

style="text-align:right"

placeholder="请输入"

bindinput ="Input"/>

英尺(foot)

value="{{inch}}"

id="8"

type="number"

style="text-align:right"

placeholder="请输入"

bindinput ="Input"/>

英寸(inch)

/* miniprogram/pages/length/length.wxss */

.btnGroup {

display: flex;

flex-direction: row;

height:70rpx;

margin-bottom: 10tpx

}