gin-right: 12px; } nav.navbar-inverse .navbar-brand .title { color: var(--title-color); font-size: 15px; font-weight: 600; } nav.navbar-inverse .navbar-nav > li > a { height: 70px; line-height: 27px; color: var(--title-color); padding: 22px 26px; font-size:15px; } nav.navbar-inverse .navbar-nav > li > a:before { height: 0; visibility: hidden; overflow: hidden; user-select: none; pointer-events: none; font-weight: 600; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { color: var(--primary-dark-color); } .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: var(--title-color); } nav.navbar-inverse .navbar-nav > li > a:hover { color: var(--primary-dark-color); font-weight: 500; } nav.navbar-inverse .navbar-nav > .active > a { background-color: inherit; font-weight: 500; } nav.navbar-inverse .navbar-nav > .active > a:hover { color: var(--primary-dark-color); font-weight: 500; } .navbar-inverse .navbar-collapse::-webkit-scrollbar { width: 0; height: 0; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: var(--background-black-color); background: var(--background-white-color); } .nav-member { /*width: 140px;*/ } .nav-member .nav-member-avatar { width: 40px; height: 40px; border-radius: 50%; } .hoverable-dropdown .dropdown-menu { display: none; } .hoverable-dropdown:hover .dropdown-menu { display: block; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { color: var(--title-color); background-color: unset; } .navbar-white ul.dropdown-menu { border-radius: 4px; box-shadow: 0 20px 30px rgba(83, 88, 93, .05), 0 0 30px rgba(83, 88, 93, .1); } .navbar-nav > li { font-size: 15px; } .navbar-nav > li > .dropdown-menu { margin-top: 0; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { text-decoration: none; color: #777; background: rgba(0, 0, 0, .05); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; outline: 0; background-color: var(--primary-color); } .developer-btn { display: block !important; } /* 屏幕小于 767px 时,只显示前 4 个 */ @media (max-width: 767px) { .navbar-nav li:nth-child(n+5) { display: none; } .developer-btn { display: none !important; } } /* 屏幕小于 992px 且大于或等于 768px 时,显示前 4 个 */ @media (min-width: 768px) and (max-width: 992px) { .navbar-nav li:nth-child(n+5) { display: none; } .developer-btn { display: none !important; } } /* 屏幕小于 1200px 且大于或等于 993px 时,显示前 5 个 */ @media (min-width: 993px) and (max-width: 1199px) { .navbar-nav li:nth-child(n+6) { display: none; } .developer-btn { display: none !important; } } .dropdown-menu { border: none; } .dropdown-item { display: block; width: 100%; height: 40px; line-height: 40px; } .dropdown-menu > li > a { font-weight: 400; color: #444; padding: 10px 15px; es((string) $_GET['keyword']); ?>", hot_keyword: [], search_log: [], showHotKeyword: false }, mounted() { this.getKeyword() }, methods: { submit: function () { if (this.keyword) { let localKeywords = JSON.parse(window.localStorage.getItem('localKeywords')) || []; if (localKeywords.indexOf(this.keyword) === -1) { localKeywords.unshift(this.keyword) } if (localKeywords.length > 5) { localKeywords.pop() } window.localStorage.setItem('localKeywords', JSON.stringify(localKeywords)); } location.href = '?keyword=' + encodeURIComponent(this.keyword); }, getKeyword: function () { if (!this.showHotKeyword) { this.hot_keyword = JSON.parse(window.localStorage.getItem('localKeywords')) || []; if (!this.search_log.length) { this.search_log = []; // axios.get('store/hot/search_log').then((res) => { // let search_log = res.data.search_log; // for (let i in search_log) { // if (this.hot_keyword.indexOf(search_log[i]['keyword']) === -1) { // this.search_log.push(search_log[i]['keyword']) // } // } // this.showHotKeyword = true // }) } else { this.showHotKeyword = true } } }, hide() { setTimeout(() => { this.showHotKeyword = false }, 200) } }, }); }); // require(['jquery', 'tip'], ($) => { // tip.msgbox.err("请输入意见内容"); // tip.msgbox.suc("请输入意见内容"); // tip.alert("请输入意见内容"); // tip.promptlive("请输入意见内容"); // tip.prompt("请输入意见内容"); // tip.confirm("请输入意见内容"); // })