- 将原有的 custom_cursor 重命名为 default_cursor,并实现默认光标功能 - 新增 hover_cursor 配置,为链接和按钮元素提供悬停光标效果 - 新增 pointer_cursor 配置,为链接元素提供专用指针光标 - 新增 text_cursor 配置,为输入框和文本域提供文本编辑光标 - 在 settings.yml 中添加对应的配置项和描述信息 - 实现多层级光标样式的 SCSS 逻辑处理
This commit is contained in:
+40
-2
@@ -82,8 +82,46 @@
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@if $custom_cursor != "" {
|
// 默认光标
|
||||||
|
@if $default_cursor != "" {
|
||||||
* {
|
* {
|
||||||
cursor: url($custom_cursor) 1 1, auto;
|
cursor: url($default_cursor) 1 1, auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 悬停光标
|
||||||
|
@if $hover_cursor != "" {
|
||||||
|
a,
|
||||||
|
button,
|
||||||
|
[role="button"],
|
||||||
|
input[type="button"],
|
||||||
|
input[type="submit"],
|
||||||
|
.btn,
|
||||||
|
.clickable {
|
||||||
|
cursor: url($hover_cursor) 1 1, auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 链接光标
|
||||||
|
@if $pointer_cursor != "" {
|
||||||
|
a[href],
|
||||||
|
button,
|
||||||
|
[role="button"],
|
||||||
|
label,
|
||||||
|
input[type="button"],
|
||||||
|
input[type="submit"],
|
||||||
|
.pointer {
|
||||||
|
cursor: url($pointer_cursor) 1 1, pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 文本光标
|
||||||
|
@if $text_cursor != "" {
|
||||||
|
input[type="text"],
|
||||||
|
input[type="email"],
|
||||||
|
input[type="password"],
|
||||||
|
input[type="search"],
|
||||||
|
textarea {
|
||||||
|
cursor: url($text_cursor) 1 1, text;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+17
-2
@@ -15,8 +15,23 @@ home_bg_image:
|
|||||||
default: ""
|
default: ""
|
||||||
description: "首页背景图"
|
description: "首页背景图"
|
||||||
|
|
||||||
custom_cursor:
|
default_cursor:
|
||||||
type: upload
|
type: upload
|
||||||
default: ""
|
default: ""
|
||||||
description: "自定义光标 SVG 文件"
|
description: "默认光标 SVG 文件"
|
||||||
|
|
||||||
|
hover_cursor:
|
||||||
|
type: upload
|
||||||
|
default: ""
|
||||||
|
description: "悬停光标 SVG 文件"
|
||||||
|
|
||||||
|
pointer_cursor:
|
||||||
|
type: upload
|
||||||
|
default: ""
|
||||||
|
description: "链接光标 SVG 文件"
|
||||||
|
|
||||||
|
text_cursor:
|
||||||
|
type: upload
|
||||||
|
default: ""
|
||||||
|
description: "文本光标 SVG 文件"
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user