ai/manga
ai/manga
1
0
Fork 0
Code

fix

Browse Source
This commit is contained in:
syui 2024-04-03 05:37:41 +09:00
parent 6ffe2d69a8
commit a04f311121
Signed by: syui
GPG Key ID: 5417CFEBAD92DF56
1 changed files with 29 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/App.vue
View File

@ -52,16 +52,24 @@
</div> </div>
</div> </div>
<div class="bsky_comment">
<div class="bsky_comment" v-if="comment_open == false">
<span class="comment">
<p class="comment-body" v-if="comment_first.text">
<img :src="'/icon/' + comment_first.did.replace('did:plc:', '') + '.jpg'" v-if="comment_first.avatar" class="comment"/> <span class="comment-time" v-if="comment_first.handle">{{ moment(comment_first.updated_at) }}</span> <span class="comment-handle" v-if="comment_first.handle"><a :href="comment_first.bsky_url">@{{ comment_first.handle }}</a></span>
<span class="comment-text">{{ comment_first.text }}</span>
</p>
</span>
<div class="comment_open"><button class="comment_open" v-on:click="comment_open = !comment_open"><i class="fa-solid fa-chevron-down"></i></button></div>
</div>
<div class="bsky_comment" v-else>
<span v-for="i in api_json.data" class="comment"> <span v-for="i in api_json.data" class="comment">
<p class="comment-body" v-if="i.text"> <p class="comment-body" v-if="i.text">
<!--
<img :src="i.avatar" v-if="i.avatar" class="comment"/> <span class="comment-time" v-if="i.handle">{{ moment(i.updated_at) }}</span> <span class="comment-handle" v-if="i.handle"><a :href="i.bsky_url">@{{ i.handle }}</a></span>
-->
<img :src="'/icon/' + i.did.replace('did:plc:', '') + '.jpg'" v-if="i.avatar" class="comment"/> <span class="comment-time" v-if="i.handle">{{ moment(i.updated_at) }}</span> <span class="comment-handle" v-if="i.handle"><a :href="i.bsky_url">@{{ i.handle }}</a></span> <img :src="'/icon/' + i.did.replace('did:plc:', '') + '.jpg'" v-if="i.avatar" class="comment"/> <span class="comment-time" v-if="i.handle">{{ moment(i.updated_at) }}</span> <span class="comment-handle" v-if="i.handle"><a :href="i.bsky_url">@{{ i.handle }}</a></span>
<span class="comment-text">{{ i.text }}</span> <span class="comment-text">{{ i.text }}</span>
</p> </p>
</span> </span>
<div class="comment_open"><button class="comment_open" v-on:click="comment_open = !comment_open"><i class="fa-solid fa-chevron-up"></i></button></div>
</div> </div>
<div class="page_title"> <div class="page_title">
@ -127,6 +135,8 @@ export default {
bsky_json: null, bsky_json: null,
api_url: null, api_url: null,
api_json: null, api_json: null,
comment_open: false,
comment_first: null,
loading: true, loading: true,
url: "/", url: "/",
s_a: 0, s_a: 0,
@ -175,7 +185,11 @@ export default {
let url = this.api_url + "/users/2/ma?itemsPerPage=4000"; let url = this.api_url + "/users/2/ma?itemsPerPage=4000";
axios axios
.get(url,{ crossdomain: true }) .get(url,{ crossdomain: true })
.then(response => (this.api_json = response)); .then(
response => {this.api_json = response
this.comment_first = this.api_json.data[0]
}
);
} }
}; };
</script> </script>
@ -319,7 +333,16 @@ span.comment-text {
span.comment { span.comment {
} }
.bsky_comment { button.comment_open {
padding:5px 40px 5px 40px;
background-color: #fff;
}
button.comment_open:hover {
background-color: #fff700;
}
.comment_open {
text-align: center;
} }
@media screen and (max-width:1000px) { @media screen and (max-width:1000px) {