mirror of
https://github.com/LyLme/lylme_spage.git
synced 2024-11-17 22:38:03 +08:00
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:
parent
255e1685d6
commit
316f898f69
@ -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}
|
||||||
|
@ -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">
|
||||||
|
@ -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"),
|
||||||
|
@ -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);
|
||||||
|
Loading…
Reference in New Issue
Block a user