首页 > 微信 > 详细

微信小程序--登陆页面

时间:2019-03-08 15:08:06      阅读:153      评论:0      收藏:0      [点我收藏+]
<!--index.wxml-->
<view class=‘header‘>
    <image  src="../img/wx.png"></image>
</view>

<view class=‘user‘>
   <input type=‘text‘ placeholder=‘用户名‘></input>
</view>

<view class=‘password‘>
   <input type=‘password‘ placeholder=‘密码‘></input>
</view>

<view>
    <button  class=‘register‘ bindtap=‘register‘>注       册</button>
</view>

  下面是wxss的修饰代码

.header{
  text-align: center;
  width: 100px;
  height: 100px;
   margin: 50px auto;
}
.header image{
  width: 100%;
  height: 100%;
 
}
.user{
  width: 100%;
  height:50px;
 margin-bottom:20px
}
 input{
  width: 100%;
  border-bottom: 1px solid wheat;
  height: 40px;
 
}
.register{
  background: green;
  width: 80%;
  height: 40px;
  margin-top: 20px;
  color: white;
  text-align: center;

}

  这个是js的代码

const app = getApp()
Page({
  data:{ 
    
  },

register:function(){

  wx.showLoading({
    title: ‘注册中...‘,
    
  }),
    setTimeout(function () {
      wx.hideLoading()
    }, 2000)

}
 
})

  

微信小程序--登陆页面

原文:https://www.cnblogs.com/qurui1997/p/10495688.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!