diff --git a/pages/post/_id.vue b/pages/post/_id.vue index c470933..b340650 100644 --- a/pages/post/_id.vue +++ b/pages/post/_id.vue @@ -51,7 +51,7 @@ span.reply(@click="check(i.comment_ID, 2)" v-else-if="visitorInfo.manage") 设为垃圾评论 p(v-if="!comments.length", style="color: #cecece; text-align: center; margin-top: 40px") 暂无内容 .comment-default-commit - .login(v-if="!visitorToken") + .login(v-show="!visitorToken") .item(v-for="(item, index) in loginPlatform", :key="index") transition(name="qrcode") img(v-show="!commentLoading && useWeixinLogin && currentLoginType === item.type", class="qrcode", :src="weixinLoginQrcode") @@ -67,17 +67,10 @@ .comment-btn(@click="commentCommit('editor')") 发布 .comment-reply-commit(id="comment-reply-commit", v-show="replyID") .login(v-show="!visitorToken") - img(v-show="!useWeixinLogin" class="login-img", src="https://cdn.wyr.me/imgs/GitHub-Login.png", @click="login('github')", style="margin-left: -140px;") - img(v-show="!useWeixinLogin", class="login-img", src="https://cdn.wyr.me/imgs/Weixin-Login.png", @click="login('weixin')") - img(v-show="!useWeixinLogin", class="login-img", src="https://cdn.wyr.me/imgs/QQ-Login.png", @click="login('qq')") - .comment-loading(v-show="commentLoading") - .allSpinner - .spinner - .bounce1 - .bounce2 - .bounce3 - img(v-show="!commentLoading && useWeixinLogin", class="weixin-qrcode", :src="weixinLoginQrcode") - p(v-show="!commentLoading && useWeixinLogin") 请使用微信扫码登录 + .item(v-for="(item, index) in loginPlatform", :key="index") + transition(name="qrcode") + img(v-show="!commentLoading && useWeixinLogin && currentLoginType === item.type", class="qrcode", :src="weixinLoginQrcode") + img(class="logo", :class="{active: currentLoginType === item.type && useWeixinLogin && !commentLoading, loading: commentLoading && currentLoginType === item.type}", :src="item.logo", @click.stop="login(item.type)") #editor-reply .comment-toolbar .comment-no-userinfo(v-if="!visitorToken") 尚未登陆