菜单
本页目录

调用提交弹框

通过此方法适配可以关掉显示提交按钮

主题需要做的只是通过 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按钮悬停背景色