微信小程序开发-登录页面

第一步：设置启动页面

在app.json文件中，pages数组，设置启动页面login,

或者在编译的地方设置，设置页面的路径，勾选上“使用以上条件编译”，这样启动的就是设置的页面。 

第二步：编写登录页面login.wxml

评教系统-学生端



学号：



密码：



登录

第三步：写样式login.wxss

/* pages/login/login.wxss */
form{
  width: 100%;
 
}
.header{
  margin-top: 50px;
}
.section{
  margin: 50rpx auto;
}
input{
  border: solid 1px #ccc;
  height: 80rpx;

}

最后页面为：