<template>
|
<view>
|
<view>
|
<image src="../../static/img/bg2.jpg" style="width: 100%; display: block;"></image>
|
</view>
|
<view>
|
<u--form labelPosition="left" :model="userInfo" ref="uForm">
|
<u-form-item label="用户名" labelWidth=65 prop="userInfo.account" borderBottom>
|
<u--input v-model="userInfo.account" border="none" placeholder="请输入用户名"></u--input>
|
</u-form-item>
|
<u-form-item label="密码" labelWidth=65 prop="userInfo.passward">
|
<u--input v-model="userInfo.passward" placeholder="请输入用户密码" border="none" :password="showPassward"
|
@click="this.showPassward = !this.showPassward " suffixIcon="eye-fill"
|
suffixIconStyle="color: #909399"></u--input>
|
</u-form-item>
|
</u--form>
|
<u-button text="登陆" type="primary" style="margin-top: 10px;" @click="login()"></u-button>
|
</view>
|
<u-toast ref="uToast" />
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
showPassward: true,
|
userInfo: {
|
account: '',
|
passward: ''
|
}
|
}
|
},
|
methods: {
|
login() {
|
// 输入检验
|
if (this.userInfo.account == null || this.userInfo.account == '') {
|
this.$refs.uToast.show({
|
message: '用户名为空',
|
type: 'error'
|
})
|
return
|
}
|
|
if (this.userInfo.passward == null || this.userInfo.passward == '') {
|
this.$refs.uToast.show({
|
message: '密码为空',
|
type: 'error'
|
})
|
return
|
}
|
|
|
console.log(this.userInfo)
|
|
uni.navigateTo({
|
url:'/pages/index/index'
|
})
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.uni-input {
|
height: 28px;
|
line-height: 28px;
|
font-size: 15px;
|
padding: 0px;
|
flex: 1;
|
background-color: #FFFFFF;
|
}
|
</style>
|
