...
|
...
|
@@ -4,15 +4,13 @@ |
|
|
* @date: 2015/10/28
|
|
|
*/
|
|
|
var $ = require('jquery');
|
|
|
|
|
|
var $searchBox = $('.search-box'),
|
|
|
$indexSearch = $('.index-search'),
|
|
|
$indexLogo = $('.index-logo');
|
|
|
|
|
|
$searchBox.find('input').on('focus', function () {
|
|
|
$searchBox.find('input').on('focus', function() {
|
|
|
$indexLogo.css({
|
|
|
width: 0,
|
|
|
display: 'none'
|
|
|
width: 0
|
|
|
});
|
|
|
$searchBox.css({
|
|
|
width: '12.8rem'
|
...
|
...
|
@@ -21,10 +19,9 @@ $searchBox.find('input').on('focus', function () { |
|
|
width: '15.5rem'
|
|
|
});
|
|
|
$('.clear-text, .no-search').show();
|
|
|
}).on('blur', function () {
|
|
|
}).on('blur', function() {
|
|
|
$indexLogo.css({
|
|
|
width: '5.4rem',
|
|
|
display: 'block'
|
|
|
width: '5.4rem'
|
|
|
});
|
|
|
$searchBox.css({
|
|
|
width: '8.8rem'
|
...
|
...
|
@@ -34,11 +31,10 @@ $searchBox.find('input').on('focus', function () { |
|
|
});
|
|
|
$('.clear-text, .no-search').hide();
|
|
|
});
|
|
|
|
|
|
$searchBox.find('.clear-text').click(function () {
|
|
|
$searchBox.find('.clear-text').click(function() {
|
|
|
$searchBox.find('input').val('').trigger('focus');
|
|
|
});
|
|
|
|
|
|
$searchBox.find('.search-icon').click(function () {
|
|
|
$searchBox.find('.search-icon').click(function() {
|
|
|
$indexSearch.submit();
|
|
|
});
|
|
|
|
...
|
...
|
|