Make it easy to use. 让它变的更加易用。

- Window opens for this window without jumping.
- Set background image not to be clicked .
- Fix bug that search box characters are obscured by search icon.
- Set width of search box to be more in line with human-computer interaction standards.
- 窗口打开为本窗口,不跳转。
- 设置背景图片不被点击。
- 修复搜索框字符被搜索图标遮挡bug。
- 设置搜索框宽度更符合人机交互标准。
This commit is contained in:
lerogo 2023-12-10 16:46:21 +08:00 committed by 六零
parent 255e1685d6
commit 316f898f69
4 changed files with 12 additions and 9 deletions

View File

@ -16,8 +16,8 @@ a:hover{text-decoration:none}
svg.icon{width:14px;height:14px;margin:0 5px 0 8px;vertical-align:-0.15em;fill:currentColor;overflow:hidden} svg.icon{width:14px;height:14px;margin:0 5px 0 8px;vertical-align:-0.15em;fill:currentColor;overflow:hidden}
.navbar-light .navbar-nav .nav-link{color:#fff !important;font-size:16px;font-weight:bold;text-shadow:0px 1px 0px #000} .navbar-light .navbar-nav .nav-link{color:#fff !important;font-size:16px;font-weight:bold;text-shadow:0px 1px 0px #000}
#search{width:100%;margin:0;padding:0 0 10px;position:relative;z-index:2000;border-radius:5px} #search{width:100%;margin:0;padding:0 0 10px;position:relative;z-index:2000;border-radius:5px}
#search form{position:relative;margin-top:15px} #search form{position:relative;margin-top:15px;max-width:700px;margin:auto;}
#search-text{width:100%;height:50px;line-height:50px;text-indent:10px;font-size:16px;border-radius:10px;background-color:#fff;border:1px solid #fff;/*box-shadow:0 0.5rem 0.625rem #d4d4d44d;*/transition:0.3s all linear;padding-left:20px} #search-text{width:100%;height:50px;line-height:50px;text-indent:10px;font-size:16px;border-radius:10px;background-color:#fff;border:1px solid #fff;/*box-shadow:0 0.5rem 0.625rem #d4d4d44d;*/transition:0.3s all linear;padding-left:20px;padding-right:90px}
#search-text:focus{border:1px solid #4e6ef2} #search-text:focus{border:1px solid #4e6ef2}
#search-text:hover{border:1px solid #a7aab5} #search-text:hover{border:1px solid #a7aab5}
#search button{position:absolute;top:0;right:0;background:none;border:0;border-radius:20px;width:auto;height:50px;border-radius:0 10px 10px 0;outline:none;background-color:#4e6ef2} #search button{position:absolute;top:0;right:0;background:none;border:0;border-radius:20px;width:auto;height:50px;border-radius:0 10px 10px 0;outline:none;background-color:#4e6ef2}
@ -61,17 +61,17 @@ svg.icon{width:14px;height:14px;margin:0 5px 0 8px;vertical-align:-0.15em;fill:c
.mylist li.title{width:100%;min-width:auto;margin:0;height:35px;font-size:16px;line-height:33px;padding:0 20px 0 10px;/*border-bottom:1px solid #eee;*/margin-bottom:10px} .mylist li.title{width:100%;min-width:auto;margin:0;height:35px;font-size:16px;line-height:33px;padding:0 20px 0 10px;/*border-bottom:1px solid #eee;*/margin-bottom:10px}
.banner-video{position:absolute;width:100%;overflow:hidden;left:0;top:0;height:100vh} .banner-video{position:absolute;width:100%;overflow:hidden;left:0;top:0;height:100vh}
.banner-video video{width:2048px;float:left} .banner-video video{width:2048px;float:left}
.banner-video img{object-fit:cover;width:100%;height:100vh} .banner-video img{object-fit:cover;width:100%;height:100vh;pointer-events:none}
.bottom-cover{width:100%;height:50%;position:absolute;bottom:-1px;z-index:10} .bottom-cover{width:100%;height:50%;position:absolute;bottom:-1px;z-index:10}
@media screen and (min-width:1200px){.mylist li.col-3{min-width:132px} @media screen and (min-width:1200px){.mylist li.col-3{min-width:132px}
}@media screen and (min-width:992px) and (max-width:1200px){.mylist li.col-3{min-width:110px} }@media screen and (min-width:992px) and (max-width:1200px){.mylist li.col-3{min-width:110px}
}@media screen and (max-width:992px){#he-plugin-simple{display:none} }@media screen and (max-width:992px){#he-plugin-simple{display:none}
.banner-video video{width:1200px} .banner-video video{width:1200px}
.banner-video img{object-fit:cover;width:100%;height:100vh} .banner-video img{object-fit:cover;width:100%;height:100vh;pointer-events:none}
.search-group{padding-left:0px} .search-group{padding-left:0px}
div#navbarsExample05{background:rgba(0,0,0,0.8);padding:10px 30px;border-radius:20px} div#navbarsExample05{background:rgba(0,0,0,0.8);padding:10px 30px;border-radius:20px}
}@media screen and (max-width:767px){.banner-video video{width:960px} }@media screen and (max-width:767px){.banner-video video{width:960px}
.banner-video img{object-fit:cover;width:100%;height:100vh} .banner-video img{object-fit:cover;width:100%;height:100vh;pointer-events:none}
.s-type-list label{padding:5px 0} .s-type-list label{padding:5px 0}
.search-list{height:30px;overflow-y:hidden;white-space:nowrap} .search-list{height:30px;overflow-y:hidden;white-space:nowrap}
.search-group{padding-left:0px} .search-group{padding-left:0px}

View File

@ -122,7 +122,7 @@ while ($soulist = $DB->fetch($soulists)) {
</ul> </ul>
</div> </div>
</div> </div>
<form action="https://www.baidu.com/s?wd=" method="get" target="_blank" <form action="https://www.baidu.com/s?wd=" method="get" target="_self"
id="super-search-fm"> id="super-search-fm">
<input type="text" id="search-text" placeholder="百度一下,你就知道" style="outline:0" <input type="text" id="search-text" placeholder="百度一下,你就知道" style="outline:0"
autocomplete="off"> autocomplete="off">

View File

@ -143,7 +143,8 @@ function() {
m("newWindow", a.target.checked ? 1 : -1), x(a.target.checked) m("newWindow", a.target.checked ? 1 : -1), x(a.target.checked)
} }
function r(a) { function r(a) {
return a.preventDefault(), "" == c.value ? (c.focus(), !1) : (w(t() + c.value), x(s()), s() ? window.open(b.action, +new Date) : location.href = b.action, void 0) // return a.preventDefault(), "" == c.value ? (c.focus(), !1) : (w(t() + c.value), x(s()), s() ? window.open(b.action, +new Date) : location.href = b.action, void 0)
return a.preventDefault(), "" == c.value ? (c.focus(), !1) : (w(t() + c.value), x(s()), s() ? window.open(b.action, b.target) : location.href = b.action, void 0)
} }
function s() { function s() {
var a = n("newWindow"); var a = n("newWindow");
@ -162,7 +163,8 @@ function() {
b.action = a b.action = a
} }
function x(a) { function x(a) {
a ? b.target = "_blank" : b.removeAttribute("target") a ? b.target = "_self" : b.removeAttribute("target")
// a ? b.target = "_blank" : b.removeAttribute("target")
} }
var y, a = document.querySelectorAll('input[name="type"]'), var y, a = document.querySelectorAll('input[name="type"]'),
b = document.querySelector("#super-search-fm"), b = document.querySelector("#super-search-fm"),

View File

@ -6,7 +6,8 @@ $html= array(
'g3' => '</ul>', //分组结束标签 'g3' => '</ul>', //分组结束标签
'l1' => '<li class="col-3 col-sm-3 col-md-3 col-lg-1">', //链接开始标签 'l1' => '<li class="col-3 col-sm-3 col-md-3 col-lg-1">', //链接开始标签
'l2' => '<a rel="nofollow" href="{link_url}" target="_blank">{link_icon}<span>{link_name}</span></a>', //链接内容 'l2' => '<a rel="nofollow" href="{link_url}" target="_self">{link_icon}<span>{link_name}</span></a>', //链接内容
// 'l2' => '<a rel="nofollow" href="{link_url}" target="_blank">{link_icon}<span>{link_name}</span></a>', //链接内容
'l3' => '</li>', //链接结束标签 'l3' => '</li>', //链接结束标签
); );
lists($html); lists($html);