调用提交弹框
通过此方法适配可以关掉显示提交按钮
主题需要做的只是通过 JS API 唤起提交友链框即可,以下是代码示例:
<div th:if="${pluginFinder.available('link-submit')}">
<a href="javascript:LinkSubmitWidget.open()" title="提交友链">
提交友链
</a>
</div>
其中,pluginFinder.available('link-submit') 的作用是判断使用者是否安装和启用了此插件,如果没有安装或者没有启用,那么就不会显示提交友链入口。
通过api适配
通过此方法适配可以关掉 加载插件资源
、显示提交按钮
提交接口
post /apis/anonymous.link.submit.kunkunyu.com/v1alpha1/linksubmits/-/submit
参数
type: 提交类型 add,update
displayName: 名称
url: 链接
logo: logo
email: 邮箱
description: 描述
updateDescription: 修改描述
groupName: 分组
rssUrl: rss链接
分组接口
get /apis/anonymous.link.submit.kunkunyu.com/v1alpha1/linkgroups
参数
[
{
"displayName": "cs ",
"groupName": "link-group-agho9tc5",
"priority": 0
}
]
自定义提交弹框样式
虽然目前不能直接为提交友链组件编写额外的样式,但可以通过一系列的 CSS 变量来自定义部分样式,开发者可以根据需求自行在主题中添加这些 CSS 变量,让提交友链组件和主题更好地融合。
目前已提供的 CSS 变量:
变量名 | 描述 |
---|---|
--link-submit-widget-base-font-size | 基础字体大小 |
--link-submit-widget-base-font-family | 字体 |
--link-submit-widget-base-rounded | 边框圆角 |
--link-submit-widget-base-bg-color | 基础背景色 |
--link-submit-widget-modal-layer-color | 模态框遮挡层背景色 |
--link-submit-widget-form-bg-color | 表单背景色 |
--link-submit-widget-form-border-color | 表单边框色 |
--link-submit-widget-form-text-color | 表单文本色 |
--link-submit-widget-form-label-color | 表单标签色 |
--link-submit-widget-form-placeholder-color | 表单占位符色 |
--link-submit-widget-form-button-bg-color | 按钮背景色 |
--link-submit-widget-form-button-text-color | 按钮文本色 |
--link-submit-widget-form-button-hover-bg-color | 按钮悬停背景色 |