Last active
May 13, 2023 16:03
-
-
Save mnixry/67b2836fb4f60392c4811c58d70d6b50 to your computer and use it in GitHub Desktop.
A flexible column masonry component for quasar
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <q-slider v-model="cols" :max="6" :min="1"></q-slider> | |
| <div class="column" :class="`masonry-${cols}`"> | |
| <div | |
| v-for="(_, index) in new Array(cols).fill(undefined)" | |
| :key="index" | |
| class="flex-break" | |
| /> | |
| <q-card | |
| v-for="(illust, i) in DATA.illusts" | |
| :key="i" | |
| tabindex="0" | |
| class="q-ma-md" | |
| :style="{ width: `${Math.floor(80 / cols)}vw` }" | |
| > | |
| <q-img | |
| :ratio="illust.width / illust.height" | |
| :src="illust.image_urls.large.replace('i.pximg.net', 'pximg.obfs.dev')" | |
| ></q-img> | |
| <q-card-section> | |
| <div class="text-h6">{{ illust.title }}</div> | |
| <div class="text-body1 text-grey">{{ illust.user.name }}</div> | |
| </q-card-section> | |
| </q-card> | |
| </div> | |
| </template> | |
| <script setup lang="ts"> | |
| import { ref } from 'vue'; | |
| const cols = ref(2); | |
| </script> | |
| <style lang="scss" scoped> | |
| .flex-break { | |
| flex: 1 0 100% !important; | |
| width: 0 !important; | |
| } | |
| </style> | |
| <style lang="scss"> | |
| $max-column: 6; | |
| @for $col from 1 through ($max-column) { | |
| @for $i from 1 through ($col - 1) { | |
| .masonry-#{$col} > div:nth-child(#{$col}n + #{$i}) { | |
| order: #{$i}; | |
| } | |
| } | |
| .masonry-#{$col} > div:nth-child(#{$col}n) { | |
| order: #{$col}; | |
| } | |
| } | |
| </style> | |
| <script> | |
| const DATA = { | |
| illusts: [ | |
| { | |
| id: 97833640, | |
| title: '薄櫻が綻ぶ時', | |
| type: 'illust', | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/24/01/05/47/97833640_p0_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/24/01/05/47/97833640_p0_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/24/01/05/47/97833640_p0_master1200.jpg', | |
| }, | |
| caption: '仕事絵', | |
| restrict: 0, | |
| user: { | |
| id: 6662895, | |
| name: 'ATDAN-', | |
| account: '869054445', | |
| profile_image_urls: { | |
| medium: | |
| 'https://i.pximg.net/user-profile/img/2016/01/11/21/46/50/10371466_80f6ad67eab3b8abd44a2fb74ddd1ba1_170.jpg', | |
| }, | |
| is_followed: false, | |
| }, | |
| tags: [ | |
| { | |
| name: '原神', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '女の子', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '八重神子', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '雷電将軍', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '本家', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '狐耳', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '公式', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '原神10000users入り', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '薄櫻が綻ぶ時', | |
| translated_name: null, | |
| }, | |
| ], | |
| tools: ['SAI', 'Photoshop'], | |
| create_date: '2022-04-24T01:05:47+09:00', | |
| page_count: 1, | |
| width: 4800, | |
| height: 1800, | |
| sanity_level: 2, | |
| x_restrict: 0, | |
| series: null, | |
| meta_single_page: { | |
| original_image_url: | |
| 'https://i.pximg.net/img-original/img/2022/04/24/01/05/47/97833640_p0.jpg', | |
| }, | |
| meta_pages: [], | |
| total_view: 113320, | |
| total_bookmarks: 31541, | |
| is_bookmarked: false, | |
| visible: true, | |
| is_muted: false, | |
| }, | |
| { | |
| id: 97806570, | |
| title: 'Milk Tea', | |
| type: 'illust', | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/23/00/00/03/97806570_p0_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/23/00/00/03/97806570_p0_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/23/00/00/03/97806570_p0_master1200.jpg', | |
| }, | |
| caption: | |
| "去年からあたためていたラフをようやく完成させました<br /><br />-------------------------------<br /><br />赤倉初個展「Plaisir(プレジール)」開催決定！<br /><br />●期間：2022.05.13(Fri)-06.01(Wed) 12:00-19:00<br />●詳細：<a href=\"https://pixiv-waengallery.com/exhibition/akakura_plaisir/\" target='_blank' rel='noopener noreferrer'>https://pixiv-waengallery.com/exhibition/akakura_plaisir/</a>", | |
| restrict: 0, | |
| user: { | |
| id: 882569, | |
| name: '赤倉＠初個展', | |
| account: '23233', | |
| profile_image_urls: { | |
| medium: | |
| 'https://i.pximg.net/user-profile/img/2017/05/26/14/33/28/12608711_5883fc4f50f7ad7079e25ba16f5459c8_170.png', | |
| }, | |
| is_followed: false, | |
| }, | |
| tags: [ | |
| { | |
| name: 'オリジナル', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '女の子', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '創作', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '手袋', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'オリジナル10000users入り', | |
| translated_name: null, | |
| }, | |
| ], | |
| tools: ['SAI', 'CLIP STUDIO PAINT'], | |
| create_date: '2022-04-23T00:00:03+09:00', | |
| page_count: 1, | |
| width: 1500, | |
| height: 1500, | |
| sanity_level: 2, | |
| x_restrict: 0, | |
| series: null, | |
| meta_single_page: { | |
| original_image_url: | |
| 'https://i.pximg.net/img-original/img/2022/04/23/00/00/03/97806570_p0.png', | |
| }, | |
| meta_pages: [], | |
| total_view: 95418, | |
| total_bookmarks: 27052, | |
| is_bookmarked: false, | |
| visible: true, | |
| is_muted: false, | |
| }, | |
| { | |
| id: 97806592, | |
| title: 'ヨルさん', | |
| type: 'illust', | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/23/00/00/05/97806592_p0_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/23/00/00/05/97806592_p0_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/23/00/00/05/97806592_p0_master1200.jpg', | |
| }, | |
| caption: 'スパイファミリーを一気読みしてしまった', | |
| restrict: 0, | |
| user: { | |
| id: 83739, | |
| name: 'lack', | |
| account: 'blacklack-21', | |
| profile_image_urls: { | |
| medium: | |
| 'https://i.pximg.net/user-profile/img/2019/09/12/19/41/28/16268521_ecf42a7c286189898dbbcdbecaf3760c_170.jpg', | |
| }, | |
| is_followed: false, | |
| }, | |
| tags: [ | |
| { | |
| name: '版権', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'スパイファミリー', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'ヨル・フォージャー', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'SPY×FAMILY', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '殺し屋', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'おっぱい', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'サイハイブーツ', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'SPY×FAMILY10000users入り', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '黒ドレス', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '鏡越し', | |
| translated_name: null, | |
| }, | |
| ], | |
| tools: ['Photoshop', 'CLIP STUDIO PAINT'], | |
| create_date: '2022-04-23T00:00:05+09:00', | |
| page_count: 1, | |
| width: 1062, | |
| height: 1500, | |
| sanity_level: 2, | |
| x_restrict: 0, | |
| series: null, | |
| meta_single_page: { | |
| original_image_url: | |
| 'https://i.pximg.net/img-original/img/2022/04/23/00/00/05/97806592_p0.png', | |
| }, | |
| meta_pages: [], | |
| total_view: 128339, | |
| total_bookmarks: 24214, | |
| is_bookmarked: false, | |
| visible: true, | |
| is_muted: false, | |
| }, | |
| { | |
| id: 97831497, | |
| title: '家族', | |
| type: 'illust', | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/24/00/00/03/97831497_p0_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/24/00/00/03/97831497_p0_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/24/00/00/03/97831497_p0_master1200.jpg', | |
| }, | |
| caption: '', | |
| restrict: 0, | |
| user: { | |
| id: 25555102, | |
| name: 'エキナ', | |
| account: 'ekina_1217', | |
| profile_image_urls: { | |
| medium: | |
| 'https://i.pximg.net/user-profile/img/2019/10/27/00/51/59/16465496_c6b257703fbba4c4336bcfc83abb05ae_170.jpg', | |
| }, | |
| is_followed: false, | |
| }, | |
| tags: [ | |
| { | |
| name: '女の子', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '少女', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'アーニャ・フォージャー', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'ヨル・フォージャー', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'ロイド・フォージャー', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'SPY×FAMILY', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'スパイファミリー', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'アーニャスマイル', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'SPY×FAMILY1000users入り', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'フォージャー家', | |
| translated_name: null, | |
| }, | |
| ], | |
| tools: [], | |
| create_date: '2022-04-24T00:00:03+09:00', | |
| page_count: 1, | |
| width: 2000, | |
| height: 3000, | |
| sanity_level: 2, | |
| x_restrict: 0, | |
| series: null, | |
| meta_single_page: { | |
| original_image_url: | |
| 'https://i.pximg.net/img-original/img/2022/04/24/00/00/03/97831497_p0.jpg', | |
| }, | |
| meta_pages: [], | |
| total_view: 45480, | |
| total_bookmarks: 9302, | |
| is_bookmarked: false, | |
| visible: true, | |
| is_muted: false, | |
| }, | |
| { | |
| id: 97860563, | |
| title: 'ポケモンと廃墟', | |
| type: 'illust', | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p0_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p0_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p0_master1200.jpg', | |
| }, | |
| caption: '', | |
| restrict: 0, | |
| user: { | |
| id: 2033916, | |
| name: 'あすてろid', | |
| account: 'asteroid_ill', | |
| profile_image_urls: { | |
| medium: | |
| 'https://i.pximg.net/user-profile/img/2021/12/22/23/12/58/21926925_0232f99c9361bc5798b990a389221c17_170.png', | |
| }, | |
| is_followed: false, | |
| }, | |
| tags: [ | |
| { | |
| name: 'ポケットモンスター', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '風景', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '廃墟', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'ポケモン10000users入り', | |
| translated_name: null, | |
| }, | |
| ], | |
| tools: [], | |
| create_date: '2022-04-25T00:00:29+09:00', | |
| page_count: 8, | |
| width: 2165, | |
| height: 3300, | |
| sanity_level: 2, | |
| x_restrict: 0, | |
| series: null, | |
| meta_single_page: {}, | |
| meta_pages: [ | |
| { | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p0_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p0_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p0_master1200.jpg', | |
| original: | |
| 'https://i.pximg.net/img-original/img/2022/04/25/00/00/29/97860563_p0.jpg', | |
| }, | |
| }, | |
| { | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p1_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p1_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p1_master1200.jpg', | |
| original: | |
| 'https://i.pximg.net/img-original/img/2022/04/25/00/00/29/97860563_p1.jpg', | |
| }, | |
| }, | |
| { | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p2_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p2_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p2_master1200.jpg', | |
| original: | |
| 'https://i.pximg.net/img-original/img/2022/04/25/00/00/29/97860563_p2.jpg', | |
| }, | |
| }, | |
| { | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p3_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p3_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p3_master1200.jpg', | |
| original: | |
| 'https://i.pximg.net/img-original/img/2022/04/25/00/00/29/97860563_p3.jpg', | |
| }, | |
| }, | |
| { | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p4_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p4_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p4_master1200.jpg', | |
| original: | |
| 'https://i.pximg.net/img-original/img/2022/04/25/00/00/29/97860563_p4.jpg', | |
| }, | |
| }, | |
| { | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p5_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p5_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p5_master1200.jpg', | |
| original: | |
| 'https://i.pximg.net/img-original/img/2022/04/25/00/00/29/97860563_p5.jpg', | |
| }, | |
| }, | |
| { | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p6_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p6_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p6_master1200.jpg', | |
| original: | |
| 'https://i.pximg.net/img-original/img/2022/04/25/00/00/29/97860563_p6.jpg', | |
| }, | |
| }, | |
| { | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/25/00/00/29/97860563_p7_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/25/00/00/29/97860563_p7_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/25/00/00/29/97860563_p7_master1200.jpg', | |
| original: | |
| 'https://i.pximg.net/img-original/img/2022/04/25/00/00/29/97860563_p7.jpg', | |
| }, | |
| }, | |
| ], | |
| total_view: 82662, | |
| total_bookmarks: 16414, | |
| is_bookmarked: false, | |
| visible: true, | |
| is_muted: false, | |
| }, | |
| { | |
| id: 97831524, | |
| title: '和風ドレスあやめ嬢', | |
| type: 'illust', | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/24/00/00/07/97831524_p0_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/24/00/00/07/97831524_p0_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/24/00/00/07/97831524_p0_master1200.jpg', | |
| }, | |
| caption: | |
| 'FANBOXにメイキングがあります。<br /><a href="https://scottie.fanbox.cc/posts/3725791" target="_blank">https://scottie.fanbox.cc/posts/3725791</a>', | |
| restrict: 0, | |
| user: { | |
| id: 103410, | |
| name: 'スコッティ', | |
| account: 'sco_ttie', | |
| profile_image_urls: { | |
| medium: | |
| 'https://i.pximg.net/user-profile/img/2021/11/15/21/51/57/21745299_cf1e67acda5bf7b20605b49f3aa7435b_170.jpg', | |
| }, | |
| is_followed: false, | |
| }, | |
| tags: [ | |
| { | |
| name: '百鬼あやめ', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'ホロライブ', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '百鬼絵巻', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'バーチャルYouTuber', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'かわ余', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'ふつくしい', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'バーチャルYouTuber10000users入り', | |
| translated_name: null, | |
| }, | |
| ], | |
| tools: ['CLIP STUDIO PAINT'], | |
| create_date: '2022-04-24T00:00:07+09:00', | |
| page_count: 1, | |
| width: 770, | |
| height: 1200, | |
| sanity_level: 2, | |
| x_restrict: 0, | |
| series: null, | |
| meta_single_page: { | |
| original_image_url: | |
| 'https://i.pximg.net/img-original/img/2022/04/24/00/00/07/97831524_p0.jpg', | |
| }, | |
| meta_pages: [], | |
| total_view: 70550, | |
| total_bookmarks: 21999, | |
| is_bookmarked: false, | |
| visible: true, | |
| is_muted: false, | |
| }, | |
| { | |
| id: 97832645, | |
| title: 'Cinderella', | |
| type: 'illust', | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/24/00/28/32/97832645_p0_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/24/00/28/32/97832645_p0_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/24/00/28/32/97832645_p0_master1200.jpg', | |
| }, | |
| caption: | |
| "<a href=\"https://grimlight.co.kr\" target='_blank' rel='noopener noreferrer'>https://grimlight.co.kr</a><br /><a href=\"https://grimlight.global\" target='_blank' rel='noopener noreferrer'>https://grimlight.global</a>", | |
| restrict: 0, | |
| user: { | |
| id: 23098486, | |
| name: 'TOKKYU', | |
| account: 'user_mwwe3558', | |
| profile_image_urls: { | |
| medium: | |
| 'https://i.pximg.net/user-profile/img/2019/04/18/13/03/03/15662042_10f8d3c70c44d70748bbdf303e2e79e9_170.jpg', | |
| }, | |
| is_followed: false, | |
| }, | |
| tags: [ | |
| { | |
| name: '백일몽화', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'GrimLight', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'シンデレラ', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'ティアラ', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'ガラスの靴', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'ふつくしい', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '金髪ロング', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '長手袋', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'ドレス', | |
| translated_name: null, | |
| }, | |
| ], | |
| tools: [], | |
| create_date: '2022-04-24T00:28:32+09:00', | |
| page_count: 1, | |
| width: 842, | |
| height: 1500, | |
| sanity_level: 2, | |
| x_restrict: 0, | |
| series: null, | |
| meta_single_page: { | |
| original_image_url: | |
| 'https://i.pximg.net/img-original/img/2022/04/24/00/28/32/97832645_p0.jpg', | |
| }, | |
| meta_pages: [], | |
| total_view: 50151, | |
| total_bookmarks: 14701, | |
| is_bookmarked: false, | |
| visible: true, | |
| is_muted: false, | |
| }, | |
| { | |
| id: 97808548, | |
| title: '氷菓10周年', | |
| type: 'illust', | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/23/01/08/42/97808548_p0_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/23/01/08/42/97808548_p0_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/23/01/08/42/97808548_p0_master1200.jpg', | |
| }, | |
| caption: '2022.04.22', | |
| restrict: 0, | |
| user: { | |
| id: 2750098, | |
| name: 'mery', | |
| account: 'dpqpqp550', | |
| profile_image_urls: { | |
| medium: | |
| 'https://i.pximg.net/user-profile/img/2020/09/18/01/52/34/19374649_9a0e0ea8c79b273e2ac7c3117152a902_170.png', | |
| }, | |
| is_followed: false, | |
| }, | |
| tags: [ | |
| { | |
| name: '氷菓', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '千反田える', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '折木奉太郎', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '奉える', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'セーラー服', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'なにこれかわいい', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'なにこれ男の子かわいい', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '氷菓10000users入り', | |
| translated_name: null, | |
| }, | |
| ], | |
| tools: [], | |
| create_date: '2022-04-23T01:08:42+09:00', | |
| page_count: 1, | |
| width: 1500, | |
| height: 2100, | |
| sanity_level: 2, | |
| x_restrict: 0, | |
| series: null, | |
| meta_single_page: { | |
| original_image_url: | |
| 'https://i.pximg.net/img-original/img/2022/04/23/01/08/42/97808548_p0.png', | |
| }, | |
| meta_pages: [], | |
| total_view: 57920, | |
| total_bookmarks: 13479, | |
| is_bookmarked: false, | |
| visible: true, | |
| is_muted: false, | |
| }, | |
| { | |
| id: 97839969, | |
| title: 'SPY × FAMILY スパイファミリー', | |
| type: 'illust', | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/24/10/21/19/97839969_p0_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/24/10/21/19/97839969_p0_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/24/10/21/19/97839969_p0_master1200.jpg', | |
| }, | |
| caption: '', | |
| restrict: 0, | |
| user: { | |
| id: 4631330, | |
| name: '디펫', | |
| account: 'pss2366', | |
| profile_image_urls: { | |
| medium: | |
| 'https://i.pximg.net/user-profile/img/2021/04/03/23/15/58/20471753_cbcf492ac315899049abda53662113a2_170.png', | |
| }, | |
| is_followed: false, | |
| }, | |
| tags: [ | |
| { | |
| name: 'スパイファミリー', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '스파이패밀리', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'ヨル・フォージャー', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'SPY×FAMILY', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'ロイヨル', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'サイハイブーツ', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '黄昏(SPY×FAMILY)', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'ロイド・フォージャー', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'いばら姫(SPY×FAMILY)', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'SPY×FAMILY5000users入り', | |
| translated_name: null, | |
| }, | |
| ], | |
| tools: [], | |
| create_date: '2022-04-24T10:21:19+09:00', | |
| page_count: 1, | |
| width: 582, | |
| height: 989, | |
| sanity_level: 2, | |
| x_restrict: 0, | |
| series: null, | |
| meta_single_page: { | |
| original_image_url: | |
| 'https://i.pximg.net/img-original/img/2022/04/24/10/21/19/97839969_p0.png', | |
| }, | |
| meta_pages: [], | |
| total_view: 40126, | |
| total_bookmarks: 6553, | |
| is_bookmarked: false, | |
| visible: true, | |
| is_muted: false, | |
| }, | |
| { | |
| id: 97807314, | |
| title: '🌸', | |
| type: 'illust', | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/23/00/14/21/97807314_p0_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/23/00/14/21/97807314_p0_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/23/00/14/21/97807314_p0_master1200.jpg', | |
| }, | |
| caption: '', | |
| restrict: 0, | |
| user: { | |
| id: 20728711, | |
| name: 'WERI', | |
| account: 'weriring', | |
| profile_image_urls: { | |
| medium: | |
| 'https://i.pximg.net/user-profile/img/2021/05/28/15/04/01/20778063_4d66c179e2c48976c4d071b9069d87e5_170.png', | |
| }, | |
| is_followed: false, | |
| }, | |
| tags: [ | |
| { | |
| name: '女の子', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '少女', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '桜', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'ふつくしい', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '春一番!', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '桜の花', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'オリジナル10000users入り', | |
| translated_name: null, | |
| }, | |
| ], | |
| tools: [], | |
| create_date: '2022-04-23T00:14:21+09:00', | |
| page_count: 1, | |
| width: 1200, | |
| height: 1591, | |
| sanity_level: 2, | |
| x_restrict: 0, | |
| series: null, | |
| meta_single_page: { | |
| original_image_url: | |
| 'https://i.pximg.net/img-original/img/2022/04/23/00/14/21/97807314_p0.png', | |
| }, | |
| meta_pages: [], | |
| total_view: 40516, | |
| total_bookmarks: 14523, | |
| is_bookmarked: false, | |
| visible: true, | |
| is_muted: false, | |
| }, | |
| { | |
| id: 97806585, | |
| title: '個展「Dear Smile」', | |
| type: 'illust', | |
| image_urls: { | |
| square_medium: | |
| 'https://i.pximg.net/c/360x360_70/img-master/img/2022/04/23/00/00/04/97806585_p0_square1200.jpg', | |
| medium: | |
| 'https://i.pximg.net/c/540x540_70/img-master/img/2022/04/23/00/00/04/97806585_p0_master1200.jpg', | |
| large: | |
| 'https://i.pximg.net/c/600x1200_90/img-master/img/2022/04/23/00/00/04/97806585_p0_master1200.jpg', | |
| }, | |
| caption: | |
| "🌸公式サイト：<a href=\"https://www.d-art.tw/post/dear-smile-ds%E3%83%9E%E3%82%A4%E3%83%AB%E5%80%8B%E5%B1%95\" target='_blank' rel='noopener noreferrer'>https://www.d-art.tw/post/dear-smile-ds%E3%83%9E%E3%82%A4%E3%83%AB%E5%80%8B%E5%B1%95</a><br />d/art様にて個展「Dear Smile」を開催することになりました！ご興味のある方は是非遊びにきてください！よろしくお願いします！<br />我即將在台北西門町的d/art Taipei畫廊 舉辦個展「Dear Smile」！有興趣的朋友請務必來玩！還請大家多多指教了！", | |
| restrict: 0, | |
| user: { | |
| id: 795196, | |
| name: 'DSマイル🌻画集/個展', | |
| account: 'kd998', | |
| profile_image_urls: { | |
| medium: | |
| 'https://i.pximg.net/user-profile/img/2019/12/18/22/43/08/16722714_bd505ef9991a5d5df0807d6870b84814_170.jpg', | |
| }, | |
| is_followed: false, | |
| }, | |
| tags: [ | |
| { | |
| name: 'オリジナル', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '黒タイツ', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'オリジナル10000users入り', | |
| translated_name: null, | |
| }, | |
| { | |
| name: 'ジャンパースカート', | |
| translated_name: null, | |
| }, | |
| { | |
| name: '西門町', | |
| translated_name: null, | |
| }, | |
| ], | |
| tools: [], | |
| create_date: '2022-04-23T00:00:04+09:00', | |
| page_count: 1, | |
| width: 733, | |
| height: 1200, | |
| sanity_level: 2, | |
| x_restrict: 0, | |
| series: null, | |
| meta_single_page: { | |
| original_image_url: | |
| 'https://i.pximg.net/img-original/img/2022/04/23/00/00/04/97806585_p0.jpg', | |
| }, | |
| meta_pages: [], | |
| total_view: 50236, | |
| total_bookmarks: 12807, | |
| is_bookmarked: false, | |
| visible: true, | |
| is_muted: false, | |
| } | |
| ], | |
| next_url: | |
| 'https://app-api.pixiv.net/v1/illust/ranking?mode=week&date=2022-04-29&offset=30', | |
| }; | |
| </script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment