1
0
This commit is contained in:
syui 2024-04-01 17:59:14 +09:00
parent 78fa570f7f
commit 3a88ff82f1
Signed by: syui
GPG Key ID: 5417CFEBAD92DF56

View File

@ -1,14 +1,12 @@
<template>
<div id="app">
{{ loc }}
<hooper :settings="hooperSettings">
<slide v-for="(n,index) of products" :key="n">
<div v-if="loading" class="loading">
<i class="fa-solid fa-spinner fa-spin-pulse"></i>
</div>
<img :src="url + 'manga/'+ (index) +'.webp'" @load="load" />
<div class="page_n">{{ n }}</div>
<div class="page_n"><a href="/"><span class="icon-ai"></span></a> {{ n }}</div>
</slide>
<hooper-navigation slot="hooper-addons"></hooper-navigation>
<hooper-pagination slot="hooper-addons"></hooper-pagination>
@ -30,9 +28,8 @@
<table>
<thead>
<tr>
<th scope="col"></th>
<th scope="col">n</th>
<th scope="col">body</th>
<th scope="col">yui</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
@ -41,7 +38,6 @@
<a :href="this.url + this.s_a"><img :src="url + 'manga/' + this.s_a + '.webp'" v-on:click="page_run(s_a)"></a>
</th>
<td>0</td>
<td>アイがガララ星に移り住んでからのお話</td>
</tr>
</tbody>
<tbody>
@ -50,7 +46,6 @@
<a :href="this.url + this.s_b"><img :src="url + 'manga/' + this.s_b + '.webp'" v-on:click="page_run(s_a)"></a>
</th>
<td>1</td>
<td>テスト</td>
</tr>
</tbody>
</table>
@ -74,7 +69,7 @@
<a href="https://yui.syui.ai"><img src="https://syui.ai/ai.png" v-on:click="page_run(s_a)"></a>
</th>
<td>yui</td>
<td>不思議な力を持った女の子の物語</td>
<td>不思議な力を持った女の子のお話</td>
<td>syui</td>
</tr>
</tbody>
@ -143,6 +138,14 @@ body {
margin: 0px;
}
a {
text-decoration: none;
}
a span.icon-ai {
color: #fff700;
}
.page_n{text-align:center;height:50px}
.hooper-pagination{position:fixed}
.hooper-next,.hooper-prev{background-color:rgba(184,207,224,.24)}