微信小程序

微信小程序随着跳一跳之后越来越火，微信小程序为何这么火，因为他现在越来越贴近人们的生活，而且代码极其容易写，它在另一个角度可以说是app，微信小程序最主要的几个文件json、js、wxml、wxss。

其实wxml就是HTML，wxss就是css，只不过换了种，虽然里面的标签也换了不少，其实是换汤不换药，易于书写，在你设计小程序页面内容时，就是在写前段代码，注意的是，里面的px最好换成rpx，因为rpx里面有自己的换算，所以在每一个手机上不会出现特别大或者特别模糊的情况。

今天先和大家分享一下特别简单的东西，下会在和大家分享一下复制的代码。

<!--pages/login/login.wxml-->
<view class='container'>
<view class='header'>
  <text>评教系统学生端</text>
</view>
<form bindsubmit="formSubmit" class='form'>
 <view class="section">
   <text>学号：</text>
    <input type="text" name="no" value="1635050646" placeholder="please input no" />
  </view>
  <view class="section">
    <text>密码：</text>
    <input type="password" name="password"  value="123456"  placeholder="please input password" />
  </view>
  
  <view class="section">
   <button  style="background-color:#FFD700;" form-type='submit'>登录</button>
    
  </view>
</form>
</view>

上面的view标签相当于css的div标签，下面代码是wxss代码相当于css书写规则

form{
  width: 100%;
 
}
.section{
  margin: 50rpx auto;

}
input{
  border: solid 1px #ccc;
  height: 100rpx;
}

这就是一个特别基础的小程序一个页面。