小程序笔记：EX208-摄氏温度转华氏温度

小程序笔记：EX208-摄氏温度转华氏温度

1. 效果展示

2. 代码

<!--index.wxml-->
<view class='box'>
	<view class='title'>摄氏温度转华氏温度</view>
  <view>
  <input placeholder='请输入摄氏温度' type='digit' bindblur='calc'></view>
  <view>华氏温度为:{{F}}</view>
</view>

//index.js
Page({
  calc:function(e){
    var C,F
    C=e.detail.value;
    this.setData({
      F:C*9/5+32
    }) //逻辑层中的变量传递给wxml：函数传入一个对象，对象的赋值是通过冒号实现的
  }
})

/**app.wxss**/
.box{
  border: 1px solid silver;
  margin: 20rpx;
  padding: 20rpx;
}

.title{
  font-size: 25px;
  text-align: center;
  margin-bottom: 15px;
  color: red;
}

• input组件用于输入数据

属性名	说明
value	输入框中的内容
type	input的类型
password	是否输入为密码类型
placeholder	输入框为空时占位符
placeholder-style	指定placeholder样式
maxlength	最大输入长度，设置为-1时不限长度
bindinput	键盘输入时触发
bindfocus	输入框聚焦时触发
bindblur	输入框失去焦点时触发

• type属性：是指真机运行时键盘的类型。type的合法值如下表

值	说明
text	文本输入键盘
number	数字输入键盘
idcard	身份证输入键盘
digit	带小数点的数字键盘