You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
903 B
41 lines
903 B
{{ partial "header.html" . }} |
|
<body> |
|
<div id="layout" class="pure-g"> |
|
{{ partial "sidebar.html" . }} |
|
|
|
<div class="content pure-u-1 pure-u-md-3-4"> |
|
<a name="top"></a> |
|
{{ partial "listtop.html" . }} |
|
<div id="cloud"> |
|
<vue-word-cloud |
|
:words="[['romance', 19], ['horror', 3], ['fantasy', 7], ['adventure', 3]]" |
|
:color="([, weight]) => weight > 10 ? 'DeepPink' : weight > 5 ? 'RoyalBlue' : 'Indigo'" |
|
font-family="Roboto" |
|
/> |
|
</div> |
|
|
|
{{ partial "footer.html" . }} |
|
</div> |
|
</div> |
|
{{ partial "bodyend.html" . }} |
|
|
|
<script> |
|
var cloud = new Vue({ |
|
el: '#cloud', |
|
data: { |
|
result: [], |
|
}, |
|
mounted() { |
|
let self = this |
|
axios.get('/index.json') |
|
.then(function (response) { |
|
self.result = response.data |
|
}) |
|
.catch(function (error) { |
|
}) |
|
} |
|
}) |
|
</script> |
|
|
|
</body> |
|
</html>
|
|
|