微信小程序--登陸頁面
阿新 • • 發佈：2019-03-08
clas inpu img ... password 程序 settime func center
<!--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)
}
})
微信小程序--登陸頁面