mirror of
https://ghfast.top/https://github.com/zsjy/halo-theme-dream2.0-plus.git
synced 2025-03-15 18:59:40 +08:00
优化:喜庆灯笼特效改为灯笼特效,支持左右灯笼文本修改,单侧最大支持1个字符
This commit is contained in:
parent
3d1af1be63
commit
010b4559e5
@ -1146,7 +1146,8 @@ spec:
|
||||
label: 关闭
|
||||
- $formkit: radio
|
||||
name: effects_lantern_mode
|
||||
label: 喜庆灯笼特效显示模式
|
||||
id: effects_lantern_mode
|
||||
label: 灯笼特效显示模式
|
||||
value: none
|
||||
options:
|
||||
- value: none
|
||||
@ -1157,6 +1158,20 @@ spec:
|
||||
label: 黑暗模式
|
||||
- value: all
|
||||
label: 全模式
|
||||
- $formkit: group
|
||||
name: effects_lantern
|
||||
if: $get(effects_lantern_mode).value != 'none'
|
||||
label: 灯笼特效文本定义
|
||||
value:
|
||||
effects_lantern_left: 喜
|
||||
effects_lantern_right: 庆
|
||||
children:
|
||||
- $formkit: text
|
||||
name: effects_lantern_left
|
||||
label: 灯笼特效左侧灯笼文本,仅显示第一个字符,留空时只显示灯笼
|
||||
- $formkit: text
|
||||
name: effects_lantern_right
|
||||
label: 灯笼特效右侧灯笼文本,仅显示第一个字符,留空时只显示灯笼
|
||||
- $formkit: radio
|
||||
name: effects_sakura_mode
|
||||
label: 樱花飘落特效显示模式
|
||||
|
@ -37,7 +37,7 @@
|
||||
var css_248z = '@charset "UTF-8";.lantern__warpper{position:fixed;top:12px;left:40px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:999}.lantern__warpper.lantern__secondary{left:calc(100% - 130px)}.lantern__warpper.lantern__secondary .lantern__box{-webkit-animation-duration:3s;animation-duration:3s}.lantern__box{position:relative;display:inline-block;width:90px;height:70px;background:rgba(216,0,15,.8);border-radius:50% 50%;animation:lantern-swing 3s ease-in-out infinite alternate-reverse;-webkit-transform-origin:50% -70px;-ms-transform-origin:50% -70px;transform-origin:50% -70px;-webkit-box-shadow:-5px 5px 50px 4px #fa6c00;box-shadow:-5px 5px 50px 4px #fa6c00}.lantern__box:after,.lantern__box:before{content:"";position:absolute;height:8px;width:45px;left:50%;border:1px solid #dc8f03;background:-webkit-gradient(linear,left top,right top,from(#dc8f03),color-stop(orange),color-stop(#dc8f03),color-stop(orange),to(#dc8f03));background:-o-linear-gradient(left,#dc8f03,orange,#dc8f03,orange,#dc8f03);background:linear-gradient(90deg,#dc8f03,orange,#dc8f03,orange,#dc8f03)}.lantern__box:before{top:0;border-radius:5px 5px 0 0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.lantern__box:after{bottom:0;border-radius:0 0 5px 5px;-webkit-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);transform:translate(-50%,50%)}.lantern__line{position:absolute;width:2px;height:12px;top:0;left:50%;-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);background:#dc8f03}.lantern__circle{width:80%;-webkit-box-sizing:border-box;box-sizing:border-box}.lantern__circle,.lantern__circle .lantern__ellipse{height:100%;margin:0 auto;border-radius:50%;border:2px solid #dc8f03}.lantern__circle .lantern__ellipse{width:50%}.lantern__circle .lantern__text{font-family:华文行楷,Microsoft YaHei,sans-serif;font-size:24.3px;color:#dc8f03;font-weight:700;line-height:66px;text-align:center}.lantern__tail{position:relative;width:4px;height:12px;margin:0 auto;animation:lantern-swing 4s ease-in-out infinite alternate-reverse;background:orange;border-radius:0 0 5px 5px}.lantern__tail .lantern__junction{position:absolute;top:0;left:50%;width:8px;height:8px;-webkit-transform:translate(-50%,8.4px);-ms-transform:translate(-50%,8.4px);transform:translate(-50%,8.4px);background:#e69603;border-radius:50%}.lantern__tail .lantern__rect{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,10.8px);-ms-transform:translate(-50%,10.8px);transform:translate(-50%,10.8px);width:8px;height:24px;background:orange;border-radius:5px 5px 0 5px}@-webkit-keyframes lantern-swing{0%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}to{-webkit-transform:rotate(8deg);transform:rotate(8deg)}}@keyframes lantern-swing{0%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}to{-webkit-transform:rotate(8deg);transform:rotate(8deg)}}@media (max-width:460px){.lantern__warpper{top:8px;left:30px}.lantern__warpper.lantern__secondary{left:calc(100% - 80px)}.lantern__box{width:50px;height:40px;-webkit-transform-origin:50% -40px;-ms-transform-origin:50% -40px;transform-origin:50% -40px;-webkit-box-shadow:-5px 5px 50px -1px #fa6c00;box-shadow:-5px 5px 50px -1px #fa6c00}.lantern__box:after,.lantern__box:before{height:4px;width:25px}.lantern__line{width:2px;height:8px}.lantern__circle .lantern__text{font-size:13.5px;line-height:38px}.lantern__tail{width:4px;height:8px}.lantern__tail .lantern__junction{width:8px;height:8px;-webkit-transform:translate(-50%,5.6px);-ms-transform:translate(-50%,5.6px);transform:translate(-50%,5.6px)}.lantern__tail .lantern__rect{-webkit-transform:translate(-50%,7.2px);-ms-transform:translate(-50%,7.2px);transform:translate(-50%,7.2px);width:8px;height:16px}}' + mode_css
|
||||
styleInject(css_248z)
|
||||
|
||||
var content = '<div class="lantern__warpper"><div class="lantern__box"><div class="lantern__line"></div><div class="lantern__circle"><div class="lantern__ellipse"><div class="lantern__text">喜</div></div></div><div class="lantern__tail"><div class="lantern__rect"></div><div class="lantern__junction"></div></div></div></div><div class="lantern__warpper lantern__secondary"><div class="lantern__box"><div class="lantern__line"></div><div class="lantern__circle"><div class="lantern__ellipse"><div class="lantern__text">庆</div></div></div><div class="lantern__tail"><div class="lantern__rect"></div><div class="lantern__junction"></div></div></div></div>'
|
||||
var content = '<div class="lantern__warpper"><div class="lantern__box"><div class="lantern__line"></div><div class="lantern__circle"><div class="lantern__ellipse"><div class="lantern__text">'+DreamConfig.effects_lantern_left+'</div></div></div><div class="lantern__tail"><div class="lantern__rect"></div><div class="lantern__junction"></div></div></div></div><div class="lantern__warpper lantern__secondary"><div class="lantern__box"><div class="lantern__line"></div><div class="lantern__circle"><div class="lantern__ellipse"><div class="lantern__text">'+DreamConfig.effects_lantern_right+'</div></div></div><div class="lantern__tail"><div class="lantern__rect"></div><div class="lantern__junction"></div></div></div></div>'
|
||||
|
||||
function createElement() {
|
||||
var div = document.createElement('div')
|
||||
|
@ -82,6 +82,18 @@
|
||||
post_share.push('link');
|
||||
}
|
||||
DreamConfig["post_share_sites"] = post_share;
|
||||
/** 配置灯笼特效文本 */
|
||||
let effects_lantern_left = [[${theme.config.enhance.effects_lantern.effects_lantern_left}]];
|
||||
let effects_lantern_right = [[${theme.config.enhance.effects_lantern.effects_lantern_right}]];
|
||||
if(effects_lantern_left.length > 1) {
|
||||
effects_lantern_left = effects_lantern_left.charAt(0);
|
||||
}
|
||||
if(effects_lantern_right.length > 1) {
|
||||
effects_lantern_right = effects_lantern_right.charAt(0);
|
||||
}
|
||||
DreamConfig["effects_lantern_left"] = effects_lantern_left;
|
||||
DreamConfig["effects_lantern_right"] = effects_lantern_right;
|
||||
|
||||
DreamConfig["theme_version"] = [[${theme.spec.version}]];
|
||||
DreamConfig["theme_base"] = "[(${#theme.assets('/')})]";
|
||||
[(${!#strings.isEmpty(theme.config.post.code_fold_line)?'DreamConfig["code_fold_line"] = "' + theme.config.post.code_fold_line + '";': ''})]
|
||||
|
Loading…
x
Reference in New Issue
Block a user