65 lines
1.6 KiB
JavaScript
65 lines
1.6 KiB
JavaScript
class Login {
|
|
constructor() {
|
|
this.renderPage()
|
|
}
|
|
|
|
|
|
// 读取头像的地址由1到10
|
|
renderPage() {
|
|
var type = ""
|
|
for (var i = 1; i<= 10; i++) {
|
|
|
|
if (i == 3 || i == 4 || i == 5) {
|
|
type = "gif"
|
|
} else {
|
|
type = "jpg"
|
|
}
|
|
|
|
$(".modal-body").append(`
|
|
<img src="./img/${i}.${type}" alt="">
|
|
`)
|
|
}
|
|
|
|
// 点击头像更换原来头像并且把弹窗隐藏
|
|
$(".modal-body img").click (function () {
|
|
$(".login img").attr("src",$(this).attr("src"))
|
|
$('#myModal').modal('hide')
|
|
|
|
});
|
|
|
|
// 点击进入事件 如果用户名以及房间号都不为空才把用户信息存入到本地
|
|
$(".enter").click(function() {
|
|
var name = $(".name").val();
|
|
var room = $(".room").val();
|
|
|
|
if (name.length == 0) {
|
|
new $.zui.Messager('用户名不能为空', {
|
|
icon: 'exclamation-sign',
|
|
type: 'danger'
|
|
}).show();
|
|
|
|
return;
|
|
}
|
|
|
|
if (room.length == 0) {
|
|
new $.zui.Messager('房间号不能为空', {
|
|
icon: 'exclamation-sign',
|
|
type: 'danger'
|
|
}).show();
|
|
|
|
return;
|
|
}
|
|
|
|
localStorage.setItem("userInfo", JSON.stringify({
|
|
name, room,
|
|
img: $(".login img").attr("src")
|
|
}));
|
|
// 把参数传到后端
|
|
ipcRenderer.send("openIndex",1)
|
|
})
|
|
}
|
|
|
|
}
|
|
|
|
|
|
new Login() |