复习微信小程序input组件和wxss样式写法。

Input组件

输入框组件（参考小程序文档）写的相当清楚。。

<view>
  <text>请输入第一个数字</text>
  <input type='number'value='点击此处输入数字'/>
</view>
<view>
  <text> 请输入第二个数字</text>
  <input type='number'/>
</view>
<button>比较</button>
<view>
  <text>比较结果</text>
</view>

属性value其实也不用必写。

属性type决定弹出手机键盘的样式。

为view组件设置样式

.wxss为设置样式的代码（参考简书小姐姐）非常详细

当热也可以直接在.wxml的view组件的type属性，只是不好套用。

margin（边缘）：在组件四周增加空白。

选择器的使用

在/.wxss文件中样式的写法有几种

假如例如给view组件设置样式增加边缘

• 1     element选择器

view {
  margin: 40rpx;
}

执行后view组件会增加边缘40rpx；

• 2    .class选择器

在.wxss中写下（只多了一个点）

.view {
  margin: 40rpx;
}

然后在view组件的class属性声明。

<view class='view'>
<view>

• 3      id选择器类似于.class选择器。

把.class的点换成#

#view {
  margin: 40rpx;
}

然后在view组件的id属性声明。

<view id='view'>
</view>

4      ::after选择器以及::befor选择器（参考这位）在组件后或前增加特别样式的文本。