You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
180 lines
3.2 KiB
180 lines
3.2 KiB
<template> |
|
<view class="content"> |
|
<image class="logo " src="../../static/111(1).png" mode=""></image> |
|
<view class="title"> |
|
Sophia NFT Community |
|
</view> |
|
<view class="content-input"> |
|
<view class="item"> |
|
<view class="pic"> |
|
<image src="../../static/person.png" mode=""></image> |
|
</view> |
|
<input v-model="form.studentNumber" placeholder="学籍番号/Student ID" /> |
|
</view> |
|
<view class="item"> |
|
<view class="pic"> |
|
<image src="../../static/lock.png" mode=""></image> |
|
</view> |
|
<input type="password" v-model="form.pass" placeholder="パスワード/Password" /> |
|
</view> |
|
</view> |
|
<view class="forget"> |
|
パスワード忘れた？ |
|
</view> |
|
<button class="btn-one" type="default" @click="loginme">ログイン</button> |
|
<button class="btn-two" @click="register" type="default">新しいID</button> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
form: { |
|
pass: "", |
|
studentNumber: "", |
|
} |
|
} |
|
}, |
|
onLoad() { |
|
|
|
}, |
|
methods: { |
|
//跳转注册页面 |
|
register() { |
|
uni.navigateTo({ |
|
url: "./register" |
|
}) |
|
}, |
|
//登录验证 |
|
loginme(){ |
|
if(!this.form.studentNumber){ |
|
uni.showToast({ |
|
title:"学籍番号/Student ID!", |
|
icon:"none" |
|
}) |
|
}else if(!this.form.pass){ |
|
uni.showToast({ |
|
title:"パスワード/Password!", |
|
icon:"none" |
|
}) |
|
|
|
}else{ |
|
this.login() |
|
} |
|
|
|
}, |
|
//登录接口 |
|
async login() { |
|
const res = await this.$myRequest({ |
|
url: '/open/foreignLogin/logins', |
|
method: "post", |
|
data: this.form |
|
}) |
|
if (res.data.code == 200) { |
|
uni.setStorageSync("token",res.data.data.token) |
|
uni.setStorageSync("Authorization",res.data.data.createToken) |
|
uni.setStorageSync("id",res.data.data.id) |
|
uni.showToast({ |
|
title: res.data.msg, |
|
icon:'none' |
|
}) |
|
setTimeout(()=>{ |
|
uni.switchTab({ |
|
url: "./homepage" |
|
}) |
|
},10) |
|
} |
|
}, |
|
|
|
} |
|
} |
|
</script> |
|
|
|
<style lang="scss"> |
|
.content { |
|
display: flex; |
|
flex-direction: column; |
|
background-color: #000000; |
|
height: 94.6vh; |
|
} |
|
|
|
.logo { |
|
height: 156rpx; |
|
width: 156rpx; |
|
margin-top: 188rpx; |
|
margin-left: auto; |
|
margin-right: auto; |
|
margin-bottom: 52rpx; |
|
} |
|
|
|
|
|
|
|
.title { |
|
display: flex; |
|
justify-content: center; |
|
font-size: 52rpx; |
|
font-weight: 600; |
|
color: #FFFFFF; |
|
} |
|
|
|
.forget { |
|
display: flex; |
|
color: #FFFFFF; |
|
justify-content: flex-end; |
|
font-size: 24rpx; |
|
margin-top: 36rpx; |
|
} |
|
|
|
.content-input { |
|
display: flex; |
|
flex-direction: column; |
|
|
|
.item { |
|
margin: 0rpx 60rpx; |
|
margin-top: 72rpx; |
|
padding-left: 0rpx; |
|
display: flex; |
|
border-bottom: 1rpx solid #2D2D2D; |
|
|
|
.pic { |
|
image { |
|
width: 48rpx; |
|
height: 48rpx; |
|
margin-top: -10rpx; |
|
} |
|
} |
|
|
|
input { |
|
margin-left: 24rpx; |
|
font-size: 28rpx; |
|
width: 500rpx; |
|
color: #FFFFFF; |
|
} |
|
} |
|
|
|
} |
|
|
|
.btn-one { |
|
margin-top: 60rpx; |
|
background-color: #E84779; |
|
color: #FFFFFF; |
|
width: 582rpx; |
|
height: 80rpx; |
|
line-height: 80rpx; |
|
border-radius: 25px; |
|
font-size: 28rpx; |
|
} |
|
|
|
.btn-two { |
|
margin-top: 50rpx; |
|
background-color: #000000; |
|
border: 1rpx solid #FFFFFF; |
|
color: #FFFFFF; |
|
width: 582rpx; |
|
height: 80rpx; |
|
line-height: 80rpx; |
|
border-radius: 25px; |
|
font-size: 28rpx; |
|
} |
|
</style>
|
|
|