<linkhref="https://cdn.muicss.com/mui-0.9.20/css/mui.min.css"rel="stylesheet"type="text/css"/>
<linkhref="https://fonts.googleapis.com/css?family=EB+Garamond:400,700|Open+Sans"rel="stylesheet">
<linkhref="styles.css"rel="stylesheet"/>
</head>
<body>
<divclass="app-container"id="vue-instance">
<!-- Search Bar Header -->
<divclass="mui-panel">
<divclass="mui-textfield">
<inputv-model="searchTerm"type="text"v-on:keyup="onSearchInput()">
<label>Search </label>
</div>
</div>
<!-- Search Metadata Card -->
<divclass="mui-panel">
<divclass="mui--text-headline">{{ numHits }} Hits </div>
<divclass="mui--text-subhead">Displaying Results {{ searchOffset }} - {{ searchOffset + 9 }} </div>
</div>
<!-- Top 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>
<!-- Search Results Card List -->
<divclass="search-results"ref="searchResults">
<divclass="mui-panel"v-for="hit in searchResults"v-on:click="showBookModal(hit)">
<divclass="mui--text-title"v-html="hit.highlight.text[0]"></div>
<divclass="mui-divider"></div>
<divclass="mui--text-subhead">{{ hit._source.title }} - {{ hit._source.author }} </div>
本文来自电脑杂谈,转载请注明本文网址:
https://www.pc-fly.com/a/jisuanjixue/article-88488-14.html
太棒了