text/web/css/login.css

/*
 * @charset "utf-8";
 * 声明该CSS文件使用的字符编码为utf-8，确保能正确解析文件中的各种字符，包括中文等特殊字符。
 */

body {
    background: url("../images/bg.jpg");
    /* 设置页面背景图片的路径，这里图片位于相对于当前CSS文件的images文件夹下，文件名为bg.jpg */
    background-position: center;
    /* 让背景图片在水平和垂直方向都居中显示 */
    background-size: cover;
    /* 使背景图片自适应铺满整个页面可视区域，可能会根据页面尺寸拉伸或缩放图片以完全覆盖 */
    padding-bottom: 0px;
    /* 将body元素底部的内边距设置为0像素，控制页面底部空白区域大小等布局效果 */
}

.layadmin-user-login-icon {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 38px;
    line-height: 36px;
    text-align: center;
    color: #d2d2d2;
    /*
     * 以下是对该类选择器样式的详细解释：
     * position: absolute; 将元素设置为绝对定位，它会相对于最近的已定位祖先元素（如果没有则相对于html元素）来确定位置。
     * left: 1px; 元素距离左侧边界1像素的距离。
     * top: 1px; 元素距离顶部边界1像素的距离。
     * width: 38px; 设置元素的宽度为38像素。
     * line-height: 36px; 定义行高为36像素，影响文本在垂直方向上的排版。
     * text-align: center; 让元素内部的文本在水平方向居中对齐。
     * color: #d2d2d2; 设置文本的颜色为指定的灰色（十六进制颜色值表示）。
     */
}

.login-main.layui-input {
    padding-left: 38px;
    /*
     * 选择类名为login-main下的所有拥有layui-input类的元素，给它们设置左侧内边距为38像素，
     * 可能是为了给这些输入框等元素预留一定的空间，比如放置图标之类的元素。
     */
}