jacknudt
/
socialforge
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

头部搜索icon

This commit is contained in:
caishi 2019-10-15 14:57:13 +08:00
parent 68d57c3c8a
commit 8a981d4c5d
13 changed files with 54 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/views/layouts/_logined_header.html.erb
View File

@ -105,7 +105,9 @@
<input type="text" name="q" value="<%= name.nil? ? "" : name %>" id="navHomepageSearchInput" class="navHomepageSearchInput" placeholder="请输入关键词搜索" style="width: 300px" />
<input type="hidden" name="search_type" id="type" value="all"/>
<input type="text" style="display: none;"/>
<a href="javascript:void(0);" class="homepageSearchIcon" onclick="search_in_header($(this));"></a>
<a href="javascript:void(0);" class="homepageSearchIcon" onclick="search_in_header($(this));">
<i class="iconfont icon-sousuo f20 ml5 mt4 fl"></i>
</a>
<% end %>
</div>
</div>

4
app/views/layouts/_unlogin_header.html.erb
View File

@ -73,7 +73,9 @@
<input type="text" name="q" value="<%= name.nil? ? "" : name%>" id="navHomepageSearchInput" class="navHomepageSearchInput" placeholder="请输入关键词搜索公开的班级、项目、用户、资源以及帖子" onkeypress="search_in_header_I(event,$(this));"/>
<input type="hidden" name="search_type" id="type" value="all"/>
<input type="text" style="display: none;"/>
<a href="javascript:void(0);" class="homepageSearchIcon" onclick="search_in_header($(this));"></a>
<a href="javascript:void(0);" class="homepageSearchIcon" onclick="search_in_header($(this));">
<i class="iconfont icon-sousuo f20 ml5 mt4 fl"></i>
</a>
<% end %>
<!--<div class="navSearchTypeBox" id="navHomepageSearchType">-->
<!--<div class="fl mr15 mt8">-->

4
public/stylesheets/css/common.css
View File

@ -55,7 +55,7 @@ h4{ font-size:14px;}/*color:#3b3b3b;*/
.f_14{ font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f20{font-size:20px!important;}
.f22{font-size:22px!important;}
.f26{font-size:26px;}
.f28{font-size:28px;}
@ -114,7 +114,7 @@ h4{ font-size:14px;}/*color:#3b3b3b;*/
.mw15{margin:0 15px;}.mr90 {margin-right:90px;}.mr95{margin-right: 95px;}.mr140 {margin-right: 140px;}.mw20{ margin: 0 20px;}
.mw380 {max-width: 380px !important;}.mw400 {max-width: 400px !important;}.mw450 {max-width: 450px !important;}.mw550 {max-width: 550px !important;}
.mt-20 {margin-top:-20px;}.mt-10 {margin-top:-10px;}.mt-4 {margin-top:-4px;}.mt-5 {margin-top:-5px;}.mt-2 {margin-top:-2px;}.mt0 {margin-top: 0px !important;}
.mt1{margin-top: 1px;}.mt2{ margin-top:2px;}.mt3{ margin-top:3px;}.mt4{ margin-top:4px;}.mt5{ margin-top:5px;}.mt6{ margin-top:6px;}.mt7 {margin-top:7px!important;}
.mt1{margin-top: 1px;}.mt2{ margin-top:2px;}.mt3{ margin-top:3px!important;}.mt4{ margin-top:4px!important;}.mt5{ margin-top:5px;}.mt6{ margin-top:6px;}.mt7 {margin-top:7px!important;}
.mt8{ margin-top:8px !important;}.mt9{ margin-top:9px !important;}.mt10{ margin-top:10px !important;}.mt12 { margin-top:12px !important;}.mt14 {margin-top:14px;}
.mt15 {margin-top:15px;}.mt16{ margin-top:16px !important;}.mt19 {margin-top:19px !important;}.mt20{margin-top: 20px;}.mt28 {margin-top:28px;}.mt30{ margin-top: 30px;}
.mt35 {margin-top:35px;}.mt40{ margin-top: 40px;}.mt45{ margin-top: 45px;}.mt50{ margin-top:50px;}.mt60{ margin-top:60px;}.mt100{ margin-top:100px;}.mb0 {margin-bottom: 0px !important;}.mb4{ margin-bottom:4px;}

23
public/stylesheets/css/iconfont/demo_index.html
View File

@ -558,6 +558,12 @@
<div class="code-name">&amp;#xe685;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6bf;</span>
<div class="name">搜索</div>
<div class="code-name">&amp;#xe6bf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe610;</span>
<div class="name">分支</div>
@ -2174,6 +2180,15 @@
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sousuo_bold"></span>
<div class="name">
搜索
</div>
<div class="code-name">.icon-sousuo_bold
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fenzhi"></span>
<div class="name">
@ -4068,6 +4083,14 @@
<div class="code-name">#icon-itsm-liuchengguanli</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sousuo_bold"></use>
</svg>
<div class="name">搜索</div>
<div class="code-name">#icon-sousuo_bold</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fenzhi"></use>

16
public/stylesheets/css/iconfont/iconfont.css
View File

File diff suppressed because one or more lines are too long

BIN
public/stylesheets/css/iconfont/iconfont.eot
View File

Binary file not shown.

2
public/stylesheets/css/iconfont/iconfont.js
View File

File diff suppressed because one or more lines are too long

7
public/stylesheets/css/iconfont/iconfont.json
View File

@ -621,6 +621,13 @@
"unicode": "e685",
"unicode_decimal": 59013
},
{
"icon_id": "4572509",
"name": "搜索",
"font_class": "sousuo_bold",
"unicode": "e6bf",
"unicode_decimal": 59071
},
{
"icon_id": "4734937",
"name": "分支",

3
public/stylesheets/css/iconfont/iconfont.svg
View File

@ -284,6 +284,9 @@ Created by iconfont
<glyph glyph-name="itsm-liuchengguanli" unicode="&#59013;" d="M1091.162219 257.181734h-110.040446v168.30333H630.152877v86.120894h99.564154a90.059349 90.059349 0 0 1 90.400682 89.271657V806.727555A90.059349 90.059349 0 0 1 729.717031 895.999212h-286.194431a90.033092 90.033092 0 0 1-90.374425-89.271657v-205.84994a90.033092 90.033092 0 0 1 90.374425-89.271657h104.132763v-86.120894H192.669242v-168.30333H90.505707a90.059349 90.059349 0 0 1-90.400682-89.271658v-206.637631A90.059349 90.059349 0 0 1 90.505707-127.999212h286.194431a90.059349 90.059349 0 0 1 90.374425 89.271657v206.637631a90.059349 90.059349 0 0 1-90.374425 89.271658H267.814973v93.73524h638.029787v-93.73524h-100.850716a90.059349 90.059349 0 0 1-90.400682-89.271658v-206.637631a90.059349 90.059349 0 0 1 90.400682-89.271657h286.194431a90.033092 90.033092 0 0 1 90.374425 89.271657v206.637631a90.033092 90.033092 0 0 1-90.374425 89.271658z m-714.567106-74.568091a14.572285 14.572285 0 0 0 15.0449-14.703567v-206.637631a14.572285 14.572285 0 0 0-15.0449-14.703567h-286.194432a14.598542 14.598542 0 0 0-15.071156 14.703567v206.637631a14.598542 14.598542 0 0 0 15.071156 14.703567h286.194432z m67.452614 403.297841a14.808593 14.808593 0 0 0-15.071156 14.966131V806.727555a14.808593 14.808593 0 0 0 15.071156 14.966131h286.194432a14.808593 14.808593 0 0 0 15.071156-14.966131v-205.84994a14.808593 14.808593 0 0 0-15.071156-14.966131h-286.194432z m662.185648-624.639039a14.598542 14.598542 0 0 0-15.071156-14.703567h-286.194432a14.598542 14.598542 0 0 0-15.071156 14.703567v206.637631a14.598542 14.598542 0 0 0 15.071156 14.703567h286.194432a14.598542 14.598542 0 0 0 15.071156-14.703567v-206.637631z" horiz-adv-x="1181" />
<glyph glyph-name="sousuo_bold" unicode="&#59071;" d="M356.511 246.73000000000002c-171.9 0-311.735 139.449-311.735 310.85S184.611 868.43 356.511 868.43c171.891 0 311.735-139.449 311.735-310.85S528.401 246.73000000000002 356.511 246.73000000000002z m0 534.177c-123.496 0-223.977-100.179-223.977-223.327 0-123.147 100.48-223.327 223.977-223.327s223.978 100.18 223.978 223.327c-0.001 123.148-100.482 223.327-223.978 223.327zM968.841-77.68100000000004c-25.662-25.425-66.42-26.057-91.026-1.393l-334.11 334.629c-24.626 24.653-23.77 65.232 1.883 90.658 25.672 25.426 66.409 26.057 91.036 1.403l334.109-334.638c24.616-24.653 23.76-65.241-1.892-90.659z" horiz-adv-x="1024" />
<glyph glyph-name="fenzhi" unicode="&#58896;" d="M739.9 616.8c58.3 0 105.6 47.2 105.6 105.3 0 58.2-47.3 105.3-105.7 105.3-35.8 0-69.1-18.2-88.5-48.3-19.4-30.1-22.1-68-7.3-100.6L474.4 524.8c-29.8 17.6-63.8 26.9-98.4 26.8-51.2 0.1-100.4-20.2-136.7-56.4-36.3-36.2-56.7-85.3-56.8-136.6 0.2-106.7 86.7-193.1 193.4-193 37.3 0 72.3 10.6 101.8 28.9l111.1-100.7c-15-32.6-12.3-70.6 7.2-100.8 19.4-30.2 53-48.4 88.9-48.2 58.3 0 105.6 47.2 105.6 105.3 0 58.2-47.3 105.3-105.6 105.3-22.6 0-43.5-7-60.7-19.1l-103.7 94.1c31.6 35.3 49 81 49 128.3 0 50.6-19.5 96.7-51.4 131.1L679.4 636c17-12.1 38.1-19.1 60.5-19.2z m0 155.4c27.7 0 50.3-22.5 50.3-50.2 0-27.8-22.5-50.3-50.3-50.3-27.8 0-50.3 22.5-50.3 50.3 0.1 27.8 22.7 50.2 50.3 50.2zM278.3 261.1c-26 25.8-40.5 60.9-40.4 97.5 0 36.8 14.3 71.4 40.4 97.5 25.9 25.9 61.1 40.5 97.7 40.3 36.7 0.1 71.8-14.4 97.7-40.3 26.1-26 40.4-60.6 40.4-97.5 0.1-36.6-14.5-71.7-40.4-97.5-25.9-25.9-61.1-40.5-97.7-40.3-36.7-0.2-71.9 14.4-97.7 40.3z m406.6-160.9c26.7-1.3 47.7-23.4 47.7-50.1 0-26.7-21-48.8-47.7-50.1-26.7 1.3-47.7 23.4-47.7 50.1 0 26.7 21 48.7 47.7 50.1z m0 0" horiz-adv-x="1024" />

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 292 KiB

After

Width:  |  Height:  |  Size: 293 KiB

BIN
public/stylesheets/css/iconfont/iconfont.ttf
View File

Binary file not shown.

BIN
public/stylesheets/css/iconfont/iconfont.woff
View File

Binary file not shown.

BIN
public/stylesheets/css/iconfont/iconfont.woff2
View File

Binary file not shown.

4
public/stylesheets/css/structure.css
View File

@ -252,9 +252,9 @@ a.postOptionLink2:hover {color:#ffffff; background-color:#3b94d6;}
.homepagePostFileAtt {height:22px; line-height:22px; vertical-align:middle; background:url(/images/public_icon.png) -27px -577px no-repeat; padding-left:25px; font-size:14px;}
.homepagePostImageAtt {height:22px; line-height:22px; vertical-align:middle; background:url(../images/homepage_icon.png) -86px -195px no-repeat; padding-left:35px; font-size:14px; margin-right:25px;}
.postAttSize {color:#888888; font-size:12px; margin-left: 5px;}
.homepageSearchIcon {width:30px; height:32px; background:url(/images/nav_icon.png) -8px 3px no-repeat; float:left; -moz-transition :all 0s linear 0s; -webkit-transition :all 0s linear 0s; -o-transition:all 0s linear 0s; transition:all 0s linear 0s;}
.homepageSearchIcon {width:30px; height:32px; float:left;}
input.homepageSearchIcon:hover {cursor: pointer;background:url(/images/nav_icon.png) -49px 3px no-repeat; -moz-transition :all 0s linear 0s; -webkit-transition :all 0s linear 0s; -o-transition:all 0s linear 0s; transition:all 0s linear 0s;}
a.homepageSearchIcon:hover {background:url(/images/nav_icon.png) -49px 3px no-repeat; -moz-transition :all 0s linear 0s; -webkit-transition :all 0s linear 0s; -o-transition:all 0s linear 0s; transition:all 0s linear 0s;}
a.homepageSearchIcon:hover > i{color: #317DFF!important;}
a.postGrey {color:#484848;}
a.postGrey:hover {color:#000000;}
.homepagePostReplyjournal{margin-left: 15px; float: left;}