背景图片获取方式改为变量获取

This commit is contained in:
mjsoftware 2025-03-14 17:35:52 +08:00
parent 15a4ec1a6a
commit cb9df1b959

View File

@ -16,6 +16,10 @@
th:text="${#strings.isEmpty(t) ? site.title + '-安全中心' : t1}"> th:text="${#strings.isEmpty(t) ? site.title + '-安全中心' : t1}">
</title> </title>
<style type="text/css"> <style type="text/css">
html {
--back-img-url: url([[${#strings.defaultString(theme.config.security_link_config.security_link_site_img_background, '')}]]);
}
body { body {
display: flex; display: flex;
align-items: center; align-items: center;
@ -31,12 +35,12 @@
} }
html.light body { html.light body {
background-image: linear-gradient(135deg, #a0a0a0 0%, #8c8c8c 100%), url([[${#strings.defaultString(theme.config.security_link_config.security_link_site_img_background, '')}]]); background-image: linear-gradient(135deg, #a0a0a0 0%, #8c8c8c 100%), var(--back-img-url);
background-blend-mode: overlay; background-blend-mode: overlay;
} }
html.dark body { html.dark body {
background-image: linear-gradient(135deg, #364f6b 0%, #222831 100%), url([[${#strings.defaultString(theme.config.security_link_config.security_link_site_img_background, '')}]]); background-image: linear-gradient(135deg, #364f6b 0%, #222831 100%), var(--back-img-url);
background-blend-mode: overlay; background-blend-mode: overlay;
} }