- 将原有的 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;
|
||||
}
|
||||
|
||||
@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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user