微信小程序实战（一）---实现登录界面

昨天小程序第一天公测，就下载个小程序自带IDE玩了玩，看了看API，撸出了个登录界面给大家分享下。

下面是主界面和代码。

index.wxml

<view class="container">
  <view class="usermotto">
    <text class="user-motto">{
  {motto}}</text>
    用户名：
    <input type="text" bindinput="userNameInput"/>
    密码：
    <input type="text" bindinput="userPasswordInput" password="true"/>
    <button bindtap="logIn">登录</button>
  </view>
</view>

index.js

var app = getApp()
Page({
  data: {
    motto: '欢迎登录WXapp',
    userName:'',
    userPassword:'',
    id_token:'',//方便存在本地的locakStorage
    response:'' //存取返回数据