CorePressWPTheme/component/set-interface.php

142 lines
4.1 KiB
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-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>
</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">
<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">
建议选择小图片,加载比较迅速,推荐背景图片下载网站:<a href="https://www.toptal.com/designers/subtlepatterns/" 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>