cl01/wp-content/themes/CorePress/component/set-interface.php

<div class="set-plane">
    <div class="set-title">
        主题颜色：
    </div>
    <div class="set-object">
        <div class="set-plane">
            <el-color-picker v-model="set.theme.themeColor"></el-color-picker>
            <div style="max-width: 200px;margin-left: 10px;margin-right: 10px">
                <el-input v-model="set.theme.themeColor" placeholder="" size="small"></el-input>
            </div>
            <div>
                <el-button type="primary" size="small" @click="reThemeColor(0)">恢复默认</el-button>
            </div>
        </div>
    </div>
</div>

<div class="set-plane">
    <div class="set-title">
        内置颜色：
    </div>
    <div class="set-object">
        <div class="set-plane">
            <el-button size="small" @click="set.theme.themeColor='#F8D800'"
                       style="background-color: #F8D800;color: #fff;border: none"></el-button>
            <el-button size="small" @click="set.theme.themeColor='#0396FF'"
                       style="background-color: #0396FF;color: #fff;border: none"></el-button>
            <el-button size="small" @click="set.theme.themeColor='#7367F0'"
                       style="background-color: #7367F0;color: #fff;border: none"></el-button>
            <el-button size="small" @click="set.theme.themeColor='#32CCBC'"
                       style="background-color: #32CCBC;color: #fff;border: none"></el-button>
            <el-button size="small" @click="set.theme.themeColor='#F6416C'"
                       style="background-color: #F6416C;color: #fff;border: none"></el-button>
        </div>
    </div>
</div>

<div class="set-plane">
    <div class="set-title">
        热点颜色：
    </div>
    <div class="set-object">
        <div class="set-plane">
            <el-color-picker v-model="set.theme.themeHoverColor"></el-color-picker>
            <div style="max-width: 200px;margin-left: 10px;margin-right: 10px">
                <el-input v-model="set.theme.themeHoverColor" placeholder="" size="small"></el-input>
            </div>
            <div>
                <el-button type="primary" size="small" @click="reThemeColor(2)">恢复默认</el-button>
            </div>
        </div>
    </div>
</div>
<div class="set-plane">
    <div class="set-title">
        内置颜色：
    </div>
    <div class="set-object">
        <div class="set-plane">
            <el-button size="small" @click="set.theme.themeHoverColor='#F8D800'"
                       style="background-color: #F8D800;color: #fff;border: none"></el-button>
            <el-button size="small" @click="set.theme.themeHoverColor='#0396FF'"
                       style="background-color: #0396FF;color: #fff;border: none"></el-button>
            <el-button size="small" @click="set.theme.themeHoverColor='#7367F0'"
                       style="background-color: #7367F0;color: #fff;border: none"></el-button>
            <el-button size="small" @click="set.theme.themeHoverColor='#32CCBC'"
                       style="background-color: #32CCBC;color: #fff;border: none"></el-button>
            <el-button size="small" @click="set.theme.themeHoverColor='#F6416C'"
                       style="background-color: #F6416C;color: #fff;border: none"></el-button>
        </div>
    </div>
</div>
<div class="set-plane">
    <div class="set-title">
    </div>
    <div class="set-object">
        链接，按钮等鼠标放上去显示的颜色
    </div>
</div>
<div class="set-plane">
    <div class="set-title">
        侧边栏位置
    </div>
    <div class="set-object">
        <el-switch
                v-model="set.theme.sidebar_position"
                :active-value="1"
                :inactive-value="0"
                active-text="右边"
                inactive-text="左边">
        </el-switch>
    </div>
</div>

<div class="set-plane">
    <div class="set-title">
        文字选中颜色：
    </div>
    <div class="set-object">
        <div class="set-plane">
            <el-color-picker v-model="set.theme.fontSelectedColor"></el-color-picker>
            <div style="max-width: 200px;margin-left: 10px;margin-right: 10px">
                <el-input v-model="set.theme.fontSelectedColor" placeholder="" size="small"></el-input>
            </div>
            <div>
                <el-button type="primary" size="small" @click="reThemeColor(1)">恢复默认</el-button>
            </div>

        </div>
    </div>
</div>
<h3>鼠标样式</h3>
<div class="set-plane">
    <div class="set-title">
        鼠标样式选择
    </div>
    <div class="set-object">
        <div class="set-plane">
            <?php
            global $set;
            ?>
            <span class="set-cur<?php if ($set['theme']['curname']=='default'){echo ' set-cur-clicked';}?>" @click.stop="set_cur('default',$event)"><img src="<?php echo file_get_img_url('set/cur/default.png') ?>" alt=""></span>
            <span class="set-cur<?php if ($set['theme']['curname']=='macblack'){echo ' set-cur-clicked';}?>" @click.stop="set_cur('macblack',$event)"><img src="<?php echo file_get_img_url('set/cur/macblack.png') ?>" alt=""></span>
            <span class="set-cur<?php if ($set['theme']['curname']=='simplewhite'){echo ' set-cur-clicked';}?>" @click.stop="set_cur('simplewhite',$event)"><img src="<?php echo file_get_img_url('set/cur/simplewhite.png') ?>" alt=""></span>
            <span class="set-cur<?php if ($set['theme']['curname']=='launa'){echo ' set-cur-clicked';}?>" @click.stop="set_cur('launa',$event)"><img src="<?php echo file_get_img_url('set/cur/launa.png') ?>" alt=""></span>
            <span class="set-cur<?php if ($set['theme']['curname']=='mc'){echo ' set-cur-clicked';}?>" @click.stop="set_cur('mc',$event)"><img src="<?php echo file_get_img_url('set/cur/mc.png') ?>" alt=""></span>
        </div>
    </div>
</div>

<h3>加载方式</h3>

<div class="set-plane">
    <div class="set-title">
        首页文章分页加载方式
    </div>
    <div class="set-object">
        <el-radio v-model="set.theme.paging" label="page">分页加载</el-radio>
        <el-radio v-model="set.theme.paging" label="ajax">无限滚动</el-radio>
    </div>
</div>

<div class="set-plane">
    <div class="set-title">
        顶部显示加载进度条
    </div>
    <div class="set-object">
        <el-switch
                v-model="set.theme.loadbar"
                :active-value="1"
                :inactive-value="0"
                active-text="显示"
                inactive-text="关闭"
        >
        </el-switch>
    </div>
</div>

<h3>字体设置</h3>
<div class="set-plane">
    <div class="set-title">
        选择字体
    </div>
    <div class="set-object">
        <el-radio v-model="set.theme.font" label="no">默认</el-radio>
        <el-radio v-model="set.theme.font" label="ceym">仓耳与墨</el-radio>
        <el-radio v-model="set.theme.font" label="zkklt">站酷快乐体</el-radio>

    </div>
</div>
<div class="set-plane">
    <div class="set-title">
    </div>
    <div class="set-object">
        字体CDN来自jsdelivr，不同的字体加载速度不一样
    </div>
</div>
<h3>背景图片设置</h3>
<div class="set-plane">
    <div class="set-title">
        背景图片
    </div>
    <div class="set-object">
        <el-input placeholder="" v-model="set.theme.bagimg" size="small">
            <el-button size="mini" slot="append" icon="el-icon-picture"
                       @click="selectImg('set.theme.bagimg')">上传
            </el-button>
        </el-input>
    </div>
</div>


<div class="set-plane">
    <div class="set-title">
        背景图片显示方式
    </div>
    <div class="set-object">
        <el-switch
                v-model="set.theme.bagimg_showtype"
                :active-value="1"
                :inactive-value="0"
                active-text="全屏"
                inactive-text="平铺"
        >
        </el-switch>
    </div>
</div>
<div class="set-plane">
    <div class="set-title">
    </div>
    <div class="set-object">
        建议选择小图片或者SVG矢量图，加载比较迅速，推荐背景图片下载网站：<a href="https://www.toptal.com/designers/subtlepatterns/" target="_blank">点击进入</a>
        矢量背景图生成：<a href="https://wickedbackgrounds.com/backgrounds.html" target="_blank">点击进入</a>

    </div>
</div>


<h3>首页文章列表外观</h3>
<div class="set-plane">
    <div class="set-title">
        最新发布文章图标提示
    </div>
    <div class="set-object">
        <el-switch
                v-model="set.theme.postlist_newnote"
                :active-value="1"
                :inactive-value="0"
        >
        </el-switch>
    </div>
</div>
<h3>文章页面内容外观</h3>

<div class="set-plane">
    <div class="set-title">
        底部显示上一篇下一篇面板
    </div>
    <div class="set-object">
        <el-switch
                v-model="set.theme.postcontent.turn_page_plane"
                :active-value="1"
                :inactive-value="0"
        >
        </el-switch>
    </div>
</div>

<h3>侧边栏</h3>

<div class="set-plane">
    <div class="set-title">
        关闭首页侧边栏
    </div>
    <div class="set-object">
        <el-switch
                v-model="set.theme.sidebar.index"
                :active-value="1"
                :inactive-value="0"
        >
        </el-switch>
    </div>
</div>
<div class="set-plane">
    <div class="set-title">
        关闭搜索，分类标签侧边栏
    </div>
    <div class="set-object">
        <el-switch
                v-model="set.theme.sidebar.other"
                :active-value="1"
                :inactive-value="0"
        >
        </el-switch>
    </div>
</div>
<div class="set-plane">
    <div class="set-title">
        关闭内页侧边栏
    </div>
    <div class="set-object">
        <el-switch
                v-model="set.theme.sidebar.post"
                :active-value="1"
                :inactive-value="0"
        >
        </el-switch>
    </div>
</div>

<div class="set-plane">
    <div class="set-title">
    </div>
    <div class="set-object">
        本设置功能比文章设置中关闭侧边栏的权重高
    </div>
</div>

<h3>文章设置</h3>

<div class="set-plane">
    <div class="set-title">
        开启面包屑导航
    </div>
    <div class="set-object">
        <el-switch
                v-model="set.theme.crumbs"
                :active-value="1"
                :inactive-value="0"
        >
        </el-switch>
    </div>
</div>