[小程序]小程序框架的简单页面布局

<!--index.wxml-->
<view class="container">
<text class="indexTitle">添加邮箱账号</text>
<view class="indexInput">
  <input  maxlength="10"placeholder="邮箱地址" />
</view>
<view class="indexInput">
  <input  maxlength="10"placeholder="密码" />
</view>
<view class="indexButton">
<button type="primary"> 登录 </button>
</view>
<view class="indexNologin">
<a href=""> 无法登录 </a>
</view>
</view>

/**index.wxss**/
.indexTitle{
  color:#ccc;
  margin:15px 0;
  font-size:20px;
}
.indexInput{
  margin-bottom:15px;
  border:1px solid #ccc;
  padding:11px 4px;
  width:90%;
  border-radius:4px;
}
.indexButton{
  padding:0 4px;
  width:93%;
}
.indexNologin{
  color:#049c4d;
  font-size:14px;
  margin-top:10px;
  text-align:right;
  width:93%;
}