🚸 添加提示,防止用户误解

This commit is contained in:
BTMuli
2026-04-02 12:44:46 +08:00
parent 43d4a8b6bc
commit 2a6aa046e2

View File

@@ -1,16 +1,18 @@
<!-- 游戏扫码登录浮窗 -->
<template>
<TOverlay v-model="model" hide blur-val="20px">
<TOverlay v-model="model" blur-val="20px" hide>
<div class="tog-box">
<div class="tog-top">
<div class="tog-title">请使用米游社进行扫码操作</div>
<div class="tog-hint">仅用于登录米社账号与实际游戏账号无关</div>
<div class="tog-select">
<div
class="tog-select-item"
v-for="item in selects"
:key="item.value"
:class="{ active: codeGid === item.value }"
@click="codeGid = item.value"
:title="item.title"
class="tog-select-item"
@click="codeGid = item.value"
>
<img :src="item.icon" alt="icon" />
</div>
@@ -20,20 +22,20 @@
<div class="tog-mid">
<qrcode-vue
v-if="codeUrl"
class="tog-qr"
:value="codeUrl"
render-as="svg"
:background="'var(--tgc-white-1)'"
:foreground="'var(--tgc-dark-7)'"
:value="codeUrl"
class="tog-qr"
render-as="svg"
/>
</div>
<div class="tog-bottom" @click="share()">
<img src="/platforms/mhy/mys.webp" alt="icon" />
<img alt="icon" src="/platforms/mhy/mys.webp" />
</div>
</div>
</TOverlay>
</template>
<script setup lang="ts">
<script lang="ts" setup>
import TOverlay from "@comp/app/t-overlay.vue";
import showLoading from "@comp/func/loading.js";
import showSnackbar from "@comp/func/snackbar.js";
@@ -174,7 +176,7 @@ onUnmounted(() => {
cycleTimer = null;
});
</script>
<style lang="css" scoped>
<style lang="scss" scoped>
.tog-box {
display: flex;
flex-direction: column;
@@ -201,6 +203,11 @@ onUnmounted(() => {
font-size: 20px;
}
.tog-hint {
color: var(--tgc-od-red);
font-size: 14px;
}
.tog-select {
position: relative;
display: flex;