github
/
certd
mirror of https://github.com/certd/certd
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

chore:

pull/409/head
xiaojunnuo 2025-04-17 23:05:52 +08:00
parent 48aef25b3f
commit 2bbea6fd3f
2 changed files with 40 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/ui/certd-client/src/style/certd.less
View File

@ -105,4 +105,19 @@ span.fs-icon-svg{
svg{ svg{
vertical-align:0 !important; vertical-align:0 !important;
} }
}
.fs-button{
span{
&:first-child{
margin-right: 5px;
}
&:last-child{
margin-left: 5px;
}
}
.fs-icon,.fs-button-icon{
margin: 0 !important;
}
} }

28
packages/ui/certd-client/src/views/certd/mine/security/index.vue
View File

@ -5,7 +5,7 @@
</template> </template>
<div class="user-settings-form settings-form"> <div class="user-settings-form settings-form">
<a-form :model="formState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off"> <a-form :model="formState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off">
<a-form-item label="OTP多重验证登录" :name="['authenticator', 'enabled']"> <a-form-item label="2FA多重验证登录" :name="['authenticator', 'enabled']">
<div class="flex mt-5"> <div class="flex mt-5">
<a-switch v-model:checked="formState.authenticator.enabled" :disabled="!settingsStore.isPlus" @change="onAuthenticatorEnabledChanged" /> <a-switch v-model:checked="formState.authenticator.enabled" :disabled="!settingsStore.isPlus" @change="onAuthenticatorEnabledChanged" />
@ -26,8 +26,30 @@
<div class="helper">是否开启多重验证登录</div> <div class="helper">是否开启多重验证登录</div>
</a-form-item> </a-form-item>
<a-form-item v-if="authenticatorOpenRef" label="绑定设备" class="authenticator-config"> <a-form-item v-if="authenticatorOpenRef" label="绑定设备" class="authenticator-config">
<h3 class="font-bold m-5">1. 安装任意一款 Authenticator APP</h3> <h3 class="font-bold m-5">1. 安装任意一款支持Authenticator的验证APP，比如：</h3>
<div class="ml-20">比如：Microsoft Authenticator / Google Authenticator / Authy / Synology Secure SignIn 等</div> <div class="ml-20">
<ul>
<li>
<a-tooltip title="如果报没有找到谷歌服务的错误，您可以安装KK谷歌助手">
<a href="https://appgallery.huawei.com/app/C100262999" target="_blank"> Microsoft Authenticator</a>
</a-tooltip>
</li>
<li>
<a-tooltip title="如果报没有找到谷歌服务的错误，您可以安装KK谷歌助手">
<a href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2" target="_blank">Google Authenticator</a>
</a-tooltip>
</li>
<li>
<a href="https://sj.qq.com/appdetail/com.tencent.authenticator" target="_blank">腾讯身份验证器</a>
</li>
<li>
<a href="https://play.google.com/store/apps/details?id=com.authy.authy" target="_blank">Authy</a>
</li>
<li>
<a href="https://www.synology.cn/zh-cn/dsm/feature/authentication" target="_blank">群晖身份验证器</a>
</li>
</ul>
</div>
<h3 class="font-bold m-10">2. 扫描二维码添加账号</h3> <h3 class="font-bold m-10">2. 扫描二维码添加账号</h3>
<div v-if="authenticatorForm.qrcodeSrc" class="qrcode"> <div v-if="authenticatorForm.qrcodeSrc" class="qrcode">
<div class="ml-20"> <div class="ml-20">