ThinkAdmin/app/admin/view/config/system.html

<form onsubmit="return false" data-auto="true" action="{:sysuri()}" method="post" class='layui-form layui-card' autocomplete="off">
    <div class="layui-card-body padding-left-40">

        <div class="layui-form-item margin-bottom-5">
            <div class="help-label"><b>登录界面背景</b>BackImage</div>
            <input type="hidden" value="{:sysconf('login_image')}" name="login_image">
            <script>$('[name="login_image"]').uploadMultipleImage()</script>
        </div>

        <div class="layui-form-item">
            <div class="help-label label-required-prev"><b>后台登录入口</b>LoginEntry</div>
            <label class="layui-input relative block label-required-null">
                <span>{:sysuri('@',[],false,true)}</span>
                <input autofocus required pattern="[a-zA-Z_][a-zA-Z0-9_]*" placeholder="请输入后台登录入口" class="layui-input inline-block padding-0 border-0" style="width:auto;background:none" value="{:substr(sysuri('admin/index/index',[],false), strlen(sysuri('@')))}" name="xpath">
            </label>
            <span class="help-block">名称由英文字母开头且不能存在相同名称的应用，设置之后原地址不能继续访问！</span>
        </div>

        <div class="layui-form-item">
            <div class="help-label label-required-prev"><b>后台默认主题</b>Theme</div>
            <div class="layui-input">
                {foreach ['default'=>'默认主题','white'=>'简约白色','black'=>'精典黑色'] as $k=>$v}
                <label class="think-radio">
                    {if sysconf('base.site_theme') eq $k}
                    <input name="site_theme" type="radio" value="{$k}" lay-ignore checked> {$v}
                    {else}
                    <input name="site_theme" type="radio" value="{$k}" lay-ignore> {$v}
                    {/if}
                </label>
                {/foreach}
            </div>
            <span class="help-block">用户登录管理后台默认会以此配置的主题显示管理界面，用户也可以单独修改配置主题！</span>
        </div>

        <div class="layui-form-item">
            <div class="help-label label-required-prev"><b>浏览器小图标</b>Icon</div>
            <label class="relative block label-required-null">
                <input class="layui-input" required pattern="^(http|/)" placeholder="请上传浏览器图标" value="{:sysconf('site_icon')}" name="site_icon">
                <a class="input-right-icon layui-icon layui-icon-upload-drag" data-file="btn" data-type="ico,png" data-field="site_icon"></a>
            </label>
            <span class="help-block">建议上传 <span class="color-blue">128x128</span> | <span class="color-blue">256x256</span> 的 ico 或 png 图片，可以通过 <a href="https://www.favicon-icon-generator.com" target="_blank">ICON </a>在线制作 ico 后缀文件！</span>
        </div>

        <div class="layui-row layui-col-space15">
            <div class="layui-col-xs4 padding-bottom-0">
                <label class="layui-form-item relative block">
                    <span class="help-label"><b>网站名称</b>SiteName</span>
                    <input name="site_name" required placeholder="请输入网站名称" value="{:sysconf('site_name')}" class="layui-input">
                    <span class="help-block">网站名称将显示在浏览器的标签上！</span>
                </label>
            </div>
            <div class="layui-col-xs4 padding-bottom-0">
                <label class="layui-form-item relative block">
                    <span class="help-label"><b>后台程序名称</b>AppName</span>
                    <input name="app_name" required placeholder="请输入程序名称" value="{:sysconf('app_name')}" class="layui-input">
                    <span class="help-block">管理程序名称显示在后台左上标题处！</span>
                </label>
            </div>
            <div class="layui-col-xs4 padding-bottom-0">
                <label class="layui-form-item relative block">
                    <span class="help-label"><b>后台程序版本</b>AppVersion</span>
                    <input name="app_version" placeholder="请输入程序版本" value="{:sysconf('app_version')}" class="layui-input">
                    <span class="help-block">管理程序版本显示在后台左上标题处！</span>
                </label>
            </div>
            <div class="layui-col-xs4 padding-bottom-0">
                <label class="relative block">
                    <span class="help-label"><b>公网安备号</b>Baian</span>
                    <input name="beian" placeholder="请输入公网安备号" value="{:sysconf('beian')}" class="layui-input">
                </label>
            </div>
            <div class="layui-col-xs4 padding-bottom-0">
                <label class="relative block">
                    <span class="help-label"><b>网站备案号</b>Miitbeian</span>
                    <input name="miitbeian" placeholder="请输入网站备案号" value="{:sysconf('miitbeian')}" class="layui-input">
                </label>
            </div>
            <div class="layui-col-xs4 padding-bottom-0">
                <label class="relative block">
                    <span class="help-label"><b>网站版权信息</b>Copyright</span>
                    <input name="site_copy" required placeholder="请输入版权信息" value="{:sysconf('site_copy')}" class="layui-input">
                </label>
            </div>
            <div class="layui-col-xs12 help-block padding-top-0">
                网站备案号和公安备案号可以在<a target="_blank" href="https://beian.miit.gov.cn">备案管理中心</a>查询并获取，网站上线时必需配置备案号，备案号会链接到信息备案管理系统！
            </div>
        </div>
    </div>

    <div class="hr-line-dashed"></div>
    <div class="layui-form-item text-center">
        <button class="layui-btn" type="submit">保存配置</button>
        <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定要取消修改吗？" data-close>取消修改</button>
    </div>
</form>

<script>
    layui.form.render();
    $('[name="site_theme"]').on('click', function () {
        var alls = '', that = this, prox = 'layui-layout-theme-', curt = prox + that.value;
        $('[name="site_theme"]').map(function () {
            if (this.value !== that.value) alls += ' ' + prox + this.value;
        });
        $('.layui-layout-admin').removeClass(alls).addClass(curt)
    });
</script>