Add icon for option tabs.

pull/9/head
ruibaby 2019-04-16 19:12:12 +08:00
parent a6b3f57623
commit 769118ae06
1 changed files with 119 additions and 58 deletions

View File

@ -4,7 +4,10 @@
<a-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24">
<div class="card-container">
<a-tabs type="card">
<a-tab-pane tab="常规设置" key="general">
<a-tab-pane key="general">
<span slot="tab">
<a-icon type="tool" />常规设置
</span>
<a-form layout="vertical">
<a-form-item label="博客标题:" :wrapper-col="wrapperCol">
<a-input v-model="options.blog_title"/>
@ -19,14 +22,21 @@
<a-input v-model="options.blog_favicon"/>
</a-form-item>
<a-form-item label="页脚信息:" :wrapper-col="wrapperCol">
<a-input type="textarea" :autosize="{ minRows: 5 }" v-model="options.blog_footer_info" />
<a-input
type="textarea"
:autosize="{ minRows: 5 }"
v-model="options.blog_footer_info"
/>
</a-form-item>
<a-form-item>
<a-button type="primary" @click="saveOptions"></a-button>
</a-form-item>
</a-form>
</a-tab-pane>
<a-tab-pane tab="SEO设置" key="seo">
<a-tab-pane key="seo">
<span slot="tab">
<a-icon type="read" />SEO设置
</span>
<a-form layout="vertical">
<a-form-item label="关键词: " :wrapper-col="wrapperCol">
<a-tooltip :trigger="['focus']" placement="right" title="多个关键词以英文逗号隔开">
@ -56,7 +66,10 @@
</a-form-item>
</a-form>
</a-tab-pane>
<a-tab-pane tab="文章设置" key="post">
<a-tab-pane key="post">
<span slot="tab">
<a-icon type="form" />文章设置
</span>
<a-form layout="vertical">
<a-form-item label="首页显示条数:" :wrapper-col="wrapperCol">
<a-input type="number" defaultValue="10" v-model="options.post_index_page_size"/>
@ -72,7 +85,10 @@
</a-form-item>
</a-form>
</a-tab-pane>
<a-tab-pane tab="评论设置" key="comment">
<a-tab-pane key="comment">
<span slot="tab">
<a-icon type="message" />评论设置
</span>
<a-form layout="vertical">
<a-form-item label="评论者头像:" :wrapper-col="wrapperCol">
<a-select defaultValue="mm" v-model="options.comment_gavatar_default">
@ -96,7 +112,11 @@
</a-radio-group>
</a-form-item>
<a-form-item label="新评论通知:" :wrapper-col="wrapperCol">
<a-radio-group v-decorator="['radio-group']" defaultValue="true" v-model="options.comment_new_notice">
<a-radio-group
v-decorator="['radio-group']"
defaultValue="true"
v-model="options.comment_new_notice"
>
<a-radio value="true">启用</a-radio>
<a-radio value="false">禁用</a-radio>
</a-radio-group>
@ -138,17 +158,28 @@
<a-input v-model="options.comment_content_placeholder"/>
</a-form-item>
<a-form-item label="自定义样式:" :wrapper-col="wrapperCol">
<a-input type="textarea" :autosize="{ minRows: 5 }" v-model="options.comment_custom_style" />
<a-input
type="textarea"
:autosize="{ minRows: 5 }"
v-model="options.comment_custom_style"
/>
</a-form-item>
<a-form-item>
<a-button type="primary" @click="saveOptions"></a-button>
</a-form-item>
</a-form>
</a-tab-pane>
<a-tab-pane tab="附件设置" key="attachment">
<a-tab-pane key="attachment">
<span slot="tab">
<a-icon type="picture" />附件设置
</span>
<a-form layout="vertical">
<a-form-item label="存储位置:" :wrapper-col="wrapperCol">
<a-select defaultValue="local" @change="handleAttachChange" v-model="options.attachment_type">
<a-select
defaultValue="local"
@change="handleAttachChange"
v-model="options.attachment_type"
>
<a-select-option value="local">本地</a-select-option>
<a-select-option value="smms">SM.MS</a-select-option>
<a-select-option value="ypyun">又拍云</a-select-option>
@ -158,7 +189,11 @@
</a-form-item>
<div class="upyunForm" v-show="upyunFormHidden">
<a-form-item label="域名:" :wrapper-col="wrapperCol">
<a-tooltip :trigger="['focus']" placement="right" title="需要加上 http:// 或者 https://">
<a-tooltip
:trigger="['focus']"
placement="right"
title="需要加上 http:// 或者 https://"
>
<a-input v-model="options.oss_upyun_domain"/>
</a-tooltip>
</a-form-item>
@ -190,7 +225,11 @@
</a-select>
</a-form-item>
<a-form-item label="域名:" :wrapper-col="wrapperCol">
<a-tooltip :trigger="['focus']" placement="right" title="需要加上 http:// 或者 https://">
<a-tooltip
:trigger="['focus']"
placement="right"
title="需要加上 http:// 或者 https://"
>
<a-input v-model="options.oss_qiniu_domain"/>
</a-tooltip>
</a-form-item>
@ -209,7 +248,11 @@
</div>
<div class="aliyunForm" v-show="aliyunFormHidden">
<a-form-item label="域名:" :wrapper-col="wrapperCol">
<a-tooltip :trigger="['focus']" placement="right" title="需要加上 http:// 或者 https://">
<a-tooltip
:trigger="['focus']"
placement="right"
title="需要加上 http:// 或者 https://"
>
<a-input v-model="options.oss_aliyun_endpoint"/>
</a-tooltip>
</a-form-item>
@ -228,12 +271,19 @@
</a-form-item>
</a-form>
</a-tab-pane>
<a-tab-pane tab="SMTP 服务" key="smtp">
<a-tab-pane key="smtp">
<span slot="tab">
<a-icon type="mail" />SMTP 服务
</span>
<a-tabs defaultActiveKey="1">
<a-tab-pane tab="发信设置" key="1">
<a-form layout="vertical">
<a-form-item label="是否启用:" :wrapper-col="wrapperCol">
<a-radio-group v-decorator="['radio-group']" defaultValue="false" v-model="options.email_enabled">
<a-radio-group
v-decorator="['radio-group']"
defaultValue="false"
v-model="options.email_enabled"
>
<a-radio value="true">启用</a-radio>
<a-radio value="false">禁用</a-radio>
</a-radio-group>
@ -281,10 +331,17 @@
</a-tab-pane>
</a-tabs>
</a-tab-pane>
<a-tab-pane tab="其他设置" key="other">
<a-tab-pane key="other">
<span slot="tab">
<a-icon type="align-left" />其他设置
</span>
<a-form layout="vertical">
<a-form-item label="API服务" :wrapper-col="wrapperCol">
<a-radio-group v-decorator="['radio-group']" defaultValue="false" v-model="options.api_enabled">
<a-radio-group
v-decorator="['radio-group']"
defaultValue="false"
v-model="options.api_enabled"
>
<a-radio value="true">启用</a-radio>
<a-radio value="false">禁用</a-radio>
</a-radio-group>
@ -293,7 +350,11 @@
<a-input v-model="options.blog_api_access_key"/>
</a-form-item>
<a-form-item label="统计代码:" :wrapper-col="wrapperCol">
<a-input type="textarea" :autosize="{ minRows: 5 }" v-model="options.blog_statistics_code" />
<a-input
type="textarea"
:autosize="{ minRows: 5 }"
v-model="options.blog_statistics_code"
/>
</a-form-item>
<a-form-item>
<a-button type="primary" @click="saveOptions"></a-button>