mirror of
https://github.com/one-among-us/data.git
synced 2025-02-22 22:28:45 +08:00
36 lines
44 KiB
HTML
36 lines
44 KiB
HTML
|
<!-- This is a demo html to load tg-blog -->
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>My Blog</title>
|
||
|
|
|
||
|
|
<!-- Import Libraries -->
|
||
|
|
<script src="https://unpkg.com/vue@3"></script>
|
||
|
|
<script src="https://unpkg.com/tg-blog"></script>
|
||
|
|
<link rel="stylesheet" href="https://unpkg.com/tg-blog/dist/style.css">
|
||
|
|
|
||
|
|
<!-- Styles -->
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- Template setup -->
|
||
|
|
<div id="app">
|
||
|
|
<tg-blog posts-url="./posts.json" :posts-data="posts"></tg-blog>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Vue js setup -->
|
||
|
|
<script>
|
||
|
|
Vue.createApp({
|
||
|
|
data() { return {
|
||
|
|
posts: [{"id": 1, "date": "2021-04-14T10:58:03", "type": "service"}, {"id": 37, "date": "2021-04-17T08:27:07", "files": [{"url": "files/37.jpg", "thumb": "files/37_thumb.jpg", "mime_type": "image/jpeg", "size": 1618901, "original_name": "img002.jpg", "media_type": "photo", "width": 3445, "height": 2028}]}, {"id": 39, "date": "2021-04-17T08:27:16", "files": [{"url": "files/39.jpg", "thumb": "files/39_thumb.jpg", "mime_type": "image/jpeg", "size": 980834, "original_name": "img004.jpg", "media_type": "photo", "width": 2550, "height": 3509}]}, {"id": 40, "date": "2021-04-17T08:27:20", "files": [{"url": "files/40.jpg", "thumb": "files/40_thumb.jpg", "mime_type": "image/jpeg", "size": 1040293, "original_name": "img005.jpg", "media_type": "photo", "width": 2352, "height": 3221}]}, {"id": 41, "date": "2021-04-17T08:27:24", "files": [{"url": "files/41.jpg", "thumb": "files/41_thumb.jpg", "mime_type": "image/jpeg", "size": 633621, "original_name": "img006.jpg", "media_type": "photo", "width": 3389, "height": 2319}]}, {"id": 42, "date": "2021-04-17T08:27:25", "files": [{"url": "files/42.jpg", "thumb": "files/42_thumb.jpg", "mime_type": "image/jpeg", "size": 161981, "original_name": "img007 (2).jpg", "media_type": "photo", "width": 1757, "height": 1003}]}, {"id": 43, "date": "2021-04-17T08:27:26", "files": [{"url": "files/43.jpg", "thumb": "files/43_thumb.jpg", "mime_type": "image/jpeg", "size": 217494, "original_name": "img007.jpg", "media_type": "photo", "width": 1652, "height": 1149}]}, {"id": 44, "date": "2021-04-17T08:27:27", "files": [{"url": "files/44.jpg", "thumb": "files/44_thumb.jpg", "mime_type": "image/jpeg", "size": 175679, "original_name": "img008.jpg", "media_type": "photo", "width": 1826, "height": 925}]}, {"id": 45, "date": "2021-04-17T08:27:29", "files": [{"url": "files/45.jpg", "thumb": "files/45_thumb.jpg", "mime_type": "image/jpeg", "size": 405014, "original_name": "img009.jpg", "media_type": "photo", "width": 3322, "height": 1346}]}, {"id": 46, "date": "2021-04-17T08:27:31", "files": [{"url": "files/46.jpg", "thumb": "files/46_thumb.jpg", "mime_type": "image/jpeg", "size": 425051, "original_name": "img010.jpg", "media_type": "photo", "width": 1850, "height": 2677}]}, {"id": 47, "date": "2021-04-17T08:27:32", "files": [{"url": "files/47.jpg", "thumb": "files/47_thumb.jpg", "mime_type": "image/jpeg", "size": 186612, "original_name": "img011.jpg", "media_type": "photo", "width": 1138, "height": 1248}]}, {"id": 50, "date": "2021-04-17T08:27:37", "files": [{"url": "files/50.jpg", "thumb": "files/50_thumb.jpg", "mime_type": "image/jpeg", "size": 321963, "original_name": "img013.jpg", "media_type": "photo", "width": 2439, "height": 1633}]}, {"id": 51, "date": "2021-04-17T08:27:39", "files": [{"url": "files/51.jpg", "thumb": "files/51_thumb.jpg", "mime_type": "image/jpeg", "size": 484453, "original_name": "img014.jpg", "media_type": "photo", "width": 3418, "height": 2376}]}, {"id": 54, "date": "2021-04-17T08:27:50", "files": [{"url": "files/54.jpg", "thumb": "files/54_thumb.jpg", "mime_type": "image/jpeg", "size": 1361324, "original_name": "img017.jpg", "media_type": "photo", "width": 3419, "height": 2258}]}, {"id": 55, "date": "2021-04-17T08:27:53", "files": [{"url": "files/55.jpg", "thumb": "files/55_thumb.jpg", "mime_type": "image/jpeg", "size": 468272, "original_name": "img018.jpg", "media_type": "photo", "width": 3119, "height": 2179}]}, {"id": 56, "date": "2021-04-17T08:27:55", "files": [{"url": "files/56.jpg", "thumb": "files/56_thumb.jpg", "mime_type": "image/jpeg", "size": 550501, "original_name": "img019.jpg", "media_type": "photo", "width": 3430, "height": 2136}]}, {"id": 57, "date": "2021-04-17T08:27:58", "files": [{"url": "files/57.jpg", "thumb": "files/57_thumb.jpg", "mime_type": "image/jpeg", "size": 437434, "original_name": "img020.jpg", "media_type": "photo", "width": 3385, "height": 2070}]}, {"id": 58, "date": "2021-04-17T08:28:01", "files": [{"url": "files/58.jpg", "thumb": "files/58_thumb.jpg", "mime_type": "image/jpeg", "size": 643119, "original_name": "img021.jpg", "media_type": "phot
|
||
|
|
}}
|
||
|
|
}).component("tg-blog", TgBlog.TgBlog).mount('#app')
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|