继续完善前端登录模块

2025-05-27 11:29:06 +08:00
parent 9352fd2a75
commit b8d3757397
18 changed files with 2574 additions and 286 deletions
@@ -0,0 +1,109 @@
+<div class="settings-section">
+    <h2 class="section-title">基本设置</h2>
+    
+    <form class="layui-form" lay-filter="settingsForm">
+        <div class="layui-form-item">
+            <label class="layui-form-label">用户名</label>
+            <div class="layui-input-block">
+                <input type="text" name="username" value="{$user.username}" class="layui-input" lay-verify="required" placeholder="请输入用户名">
+            </div>
+        </div>
+        
+        <div class="layui-form-item">
+            <label class="layui-form-label">邮箱</label>
+            <div class="layui-input-block">
+                <input type="email" name="email" value="{$user.email}" class="layui-input" lay-verify="required|email" placeholder="请输入邮箱">
+            </div>
+        </div>
+        
+        <div class="layui-form-item">
+            <label class="layui-form-label">手机号</label>
+            <div class="layui-input-block">
+                <input type="text" name="phone" value="{$user.phone}" class="layui-input" lay-verify="phone" placeholder="请输入手机号">
+            </div>
+        </div>
+        
+        <div class="layui-form-item">
+            <label class="layui-form-label">个人简介</label>
+            <div class="layui-input-block">
+                <textarea name="bio" placeholder="请输入个人简介" class="layui-textarea">{$user.bio}</textarea>
+            </div>
+        </div>
+        
+        <div class="layui-form-item">
+            <div class="layui-input-block">
+                <button class="layui-btn" lay-submit lay-filter="saveSettings">保存设置</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+            </div>
+        </div>
+    </form>
+</div>
+
+<style>
+.settings-section {
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+.section-title {
+    font-size: 20px;
+    font-weight: 600;
+    color: #333;
+    margin-bottom: 24px;
+    padding-bottom: 16px;
+    border-bottom: 1px solid #f0f0f0;
+}
+
+.layui-form-item {
+    margin-bottom: 24px;
+}
+
+.layui-form-label {
+    width: 100px;
+}
+
+.layui-input-block {
+    margin-left: 130px;
+}
+
+@media (max-width: 768px) {
+    .layui-form-label {
+        width: 80px;
+    }
+    
+    .layui-input-block {
+        margin-left: 110px;
+    }
+}
+</style>
+
+<script>
+layui.use(['form', 'layer'], function(){
+    var form = layui.form;
+    var layer = layui.layer;
+    
+    // 监听表单提交
+    form.on('submit(saveSettings)', function(data){
+        fetch('/index/user/updateSettings', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(data.field)
+        })
+        .then(response => response.json())
+        .then(data => {
+            if(data.code === 0) {
+                layer.msg('设置保存成功', {icon: 1});
+            } else {
+                layer.msg(data.msg || '保存失败', {icon: 2});
+            }
+        })
+        .catch(error => {
+            layer.msg('保存失败，请重试', {icon: 2});
+        });
+        
+        return false;
+    });
+});
+</script>