73 lines
1.8 KiB
JavaScript
73 lines
1.8 KiB
JavaScript
const { ipcRenderer } = require('electron');
|
|
|
|
class Login {
|
|
constructor () {
|
|
|
|
this.renderPage();
|
|
this.bindClick();
|
|
|
|
}
|
|
|
|
|
|
renderPage() {
|
|
var imageFileType = null;
|
|
for (var i = 1; i <= 10; i++) {
|
|
if (i == 3 || i == 4 || i == 5) {
|
|
imageFileType = "gif"
|
|
} else {
|
|
imageFileType = "jpg"
|
|
}
|
|
|
|
$(".chiooseUserImg").append(`
|
|
<li class="${i==1?'active':''}">
|
|
<img src="../img/${i}.${imageFileType}" alt="">
|
|
</li>
|
|
`);
|
|
}
|
|
|
|
$(".chiooseUserImg li").click(function() {
|
|
$(this).addClass("active").siblings().removeClass("active");
|
|
$(".head").attr({
|
|
src: $(this).find("img").attr("src")
|
|
})
|
|
})
|
|
}
|
|
|
|
bindClick() {
|
|
$(".enter").click(function() {
|
|
|
|
if ($(".name").val().length == 0) {
|
|
new $.zui.Messager('用户名不能为空', {
|
|
icon: 'icon-exclamation-sign',
|
|
type: 'danger'
|
|
}).show();
|
|
|
|
return false
|
|
}
|
|
|
|
if ($(".room").val().length == 0) {
|
|
new $.zui.Messager('房间号不能为空', {
|
|
icon: 'icon-exclamation-sign',
|
|
type: 'danger'
|
|
}).show();
|
|
|
|
return false
|
|
}
|
|
|
|
|
|
var UserInfo = {
|
|
name: $(".name").val(),
|
|
roomId: $(".room").val(),
|
|
headImg: $(".head").attr("src")
|
|
};
|
|
localStorage.setItem("UserInfo", JSON.stringify(UserInfo));
|
|
|
|
ipcRenderer.send('enterIndex');
|
|
|
|
// location.href = "./index.html"
|
|
|
|
})
|
|
}
|
|
}
|
|
|
|
new Login(); |