夜光带你走进 微信小程序开发（七）擅长的领域

夜光序言：

 

你不会想起在身边的人
你想起的人都不在身边

 

 

 

 

 

 

 

 

 

 
正文：
 
                                              以道御术 / 以术识道

 

 

 

 

<!--pages/login/login.wxml
我们在这里写页面
登陆的页面-->
<view class="container">
  <text>欢迎登陆夜光商城</text>
  <input type="number" class="phone_number"  bindblur="getPhone" placeholder="请输入手机号"></input>

  <view class="code">
    <input class="code_number" bindblur="getCode" placeholder="请输入验证码"></input>
    <button>点击获取验证码</button>
  </view>
       
  <view>
    <button bindtap="login">商城登陆</button>
  </view>
</view>

/* 在这里
   夜光：我们写一些样式 */
/* 这是容器的样式 */
.container{
  height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 30rpx
}

/* 这是文本的样式 */
text{
  font-size: 40rpx;
  display: flex;
  justify-content: center
}


input{
  margin: 16rpx 0;
  border: 2rpx solid #336699

}