js中的正则表达式 使用Docker和Elasticsearch搭建全文本搜索引(15)

<divclass="mui--text-body2">Location {{ hit._source.location }} </div>

</div>

</div>

<!-- Bottom Pagination Card -->

<divclass="mui-panel pagination-panel">

<buttonclass="mui-btn mui-btn--flat"v-on:click="prevResultsPage()">Prev Page </button>

<buttonclass="mui-btn mui-btn--flat"v-on:click="nextResultsPage()">Next Page </button>

</div>

<!-- INSERT BOOK MODAL HERE -->

</div>

<src="https://cdn.muicss.com/mui-0.9.28/js/mui.min.js"></>

<src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.3/vue.min.js"></>

<src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.17.0/axios.min.js"></>

<src="app.js"></>

</body>

</html>

7.2 CSS

添加一个新文件：/public/styles.css：

body{ font-family: 'EB Garamond', serif; }

.mui-textfield> input, .mui-btn, .mui--text-subhead, .mui-panel> .mui--text-headline{

font-family: 'Open Sans', sans-serif;

}

.all-caps{ text-transform: uppercase; }

.app-container{ padding: 16px; }

.search-resultsem{ font-weight: bold; }

.book-modal> button{ width: 100%; }

.search-results.mui-divider{ margin: 14px0; }

.search-results{

display: flex;

flex-direction: row;

flex-wrap: wrap;

justify-content: space-around;

}

.search-results> div{

flex-basis: 45%;

box-sizing: border-box;

cursor: pointer;

}

@ media(max-width: 600px) {

.search-results> div{ flex-basis: 100%; }

}

.paragraphs-container{

max-width: 800px;

margin: 0auto;

margin-bottom: 48px;

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/jisuanjixue/article-88488-15.html