first commit

历届学生/font-end-nine/项目练习/学生项目/杨锐/聊天室/fontend/js/login.js

@@ -0,0 +1,65 @@
+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()