index.WXML
<view class="container">
<input type="text" bindinput="textInput" id="uname" value="{{uname}}"></input>
<input type="password" bindinput="textInput" id="pwd" value="{{pwd}}"></input>
</view>
index.JS
const app = getApp()
Page({
data: {
uname: '',
pwd:'',
},
textInput:function(e){
switch(e.target.id){
case 'uname':
this.setData({
uname : e.detail.value
})
break
case 'pwd':
this.setData({
pwd : e.detail.value
})
break
},
})
WXML
<button type="primary" >Do</button>
WXSS
button{
border:1px solid rgb(10, 142, 175);
margin-top: 2vh;
height: auto;
width: 85vw !important; /*关键*/
box-sizing: border-box;
}
按钮样式
,