html工资计算页面模板,工资计算.html
p{
font-size: 30px;
color: red;
line-height: 50px;
width: 300px;
}
input{
display: block;
width: 300px;
height: 50px;
font-size: 20px;
padding-left: 10px;
}
div{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
稅前工資：￥{{unTaxMoney}}
(function(){
//基本工資 basicMoney
//崗位工資 jobMoney
//績(jī)效工資 valueMoney
//稅前工資 unTaxMoney
new Vue({
el:"#app",
data:{
basicMoney:0
},
computed:{
jobMoney:function(){
return parseFloat(this.basicMoney*3);
},
valueMoney:function(){
return parseFloat(this.basicMoney*0.5);
},
unTaxMoney:function(){
let total=parseFloat(this.basicMoney)+this.jobMoney+this.valueMoney;
if(isNaN(total)){
return 0;
}else{
return total;
}
}
}
})
})()
一鍵復(fù)制
編輯
Web IDE
原始數(shù)據(jù)
按行查看
歷史
總結(jié)
以上是生活随笔為你收集整理的html工资计算页面模板,工资计算.html的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 视频监控安防平台-GB35114和GB2
- 下一篇： 乌龟Git clone失败错误码128解