|
|
|
@ -15,21 +15,32 @@ |
|
|
|
<div class="asteroids-belt"></div> |
|
|
|
</div> |
|
|
|
<div class="titan-storage-login"> |
|
|
|
<div @click="connectMetamask"> |
|
|
|
<div style="display:flex;justify-content: center;"> |
|
|
|
<img src="@/assets/logo.png" alt="" class="logo-img"> |
|
|
|
</div> |
|
|
|
<div style="text-align:center;font-weight: bold;">点击登录</div> |
|
|
|
</div> |
|
|
|
<div style="margin-top:60px;text-align:center">基于 Filecoin(兼容IPFS)的</div> |
|
|
|
<div style="text-align:center;font-size:18px;font-weight:bold;margin-top:12px"><span |
|
|
|
style="color:#3DFD08">web3</span>最佳存储解决方案</div> |
|
|
|
|
|
|
|
<div style="display:flex;justify-content: center;margin-top:12px"> |
|
|
|
<div class="title-box">DCDN服务</div> |
|
|
|
<div class="title-box" style="margin:0px 10px">永续存储服务</div> |
|
|
|
<div class="title-box">网站&DAPP托管服务</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="false" class="titan-storage-login"> |
|
|
|
<div class="titan-storage-login-content"> |
|
|
|
<div class="titan-storage-login-content-left"> |
|
|
|
<div class="logo-top"> |
|
|
|
<img src="../assets/newimages/TTs-logonew.svg" /> |
|
|
|
<div |
|
|
|
@click="langToggle(selectLang == 'zh' ? 'en' : 'zh')" |
|
|
|
class="language-color-two language-color-two1" |
|
|
|
> |
|
|
|
<span :class="selectLang == 'en' ? 'activelanguage' : ''" |
|
|
|
>En</span |
|
|
|
> |
|
|
|
<div @click="langToggle(selectLang == 'zh' ? 'en' : 'zh')" class="language-color-two language-color-two1"> |
|
|
|
<span :class="selectLang == 'en' ? 'activelanguage' : ''">En</span> |
|
|
|
<span>/</span> |
|
|
|
<span :class="selectLang == 'zh' ? 'activelanguage' : ''" |
|
|
|
>中文</span |
|
|
|
> |
|
|
|
<span :class="selectLang == 'zh' ? 'activelanguage' : ''">中文</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="titan-storage-login-title"> |
|
|
|
@ -69,22 +80,10 @@ |
|
|
|
<div class="password-content-box forget-content"> |
|
|
|
<div class="title1">{{ $t("邮箱") }}</div> |
|
|
|
<div class="input1"> |
|
|
|
<el-input |
|
|
|
v-if="loginTab == 1" |
|
|
|
class="input" |
|
|
|
v-model="phone_number" |
|
|
|
clearabl |
|
|
|
@keyup.enter.native="loginBtnpassword" |
|
|
|
:placeholder="$t('请输入邮箱')" |
|
|
|
></el-input> |
|
|
|
<el-input |
|
|
|
v-if="loginTab == 2" |
|
|
|
class="input" |
|
|
|
@keyup.enter.native="loginBtnEmail" |
|
|
|
clearable |
|
|
|
v-model="phone_number" |
|
|
|
:placeholder="$t('请输入邮箱')" |
|
|
|
></el-input> |
|
|
|
<el-input v-if="loginTab == 1" class="input" v-model="phone_number" clearabl |
|
|
|
@keyup.enter.native="loginBtnpassword" :placeholder="$t('请输入邮箱')"></el-input> |
|
|
|
<el-input v-if="loginTab == 2" class="input" @keyup.enter.native="loginBtnEmail" clearable |
|
|
|
v-model="phone_number" :placeholder="$t('请输入邮箱')"></el-input> |
|
|
|
</div> |
|
|
|
<div class="title2" v-if="loginTab == 1">{{ $t("密码") }}</div> |
|
|
|
<div class="title2" v-if="loginTab == 2"> |
|
|
|
@ -92,43 +91,23 @@ |
|
|
|
</div> |
|
|
|
<div class="input1" v-if="loginTab == 1"> |
|
|
|
<div class="email-code"> |
|
|
|
<el-input |
|
|
|
class="input" |
|
|
|
:type="passwordType" |
|
|
|
:placeholder="$t('请输入密码')" |
|
|
|
@keyup.enter.native="loginBtnpassword" |
|
|
|
v-model="password1" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
<el-input class="input" :type="passwordType" :placeholder="$t('请输入密码')" |
|
|
|
@keyup.enter.native="loginBtnpassword" v-model="password1" clearable></el-input> |
|
|
|
<div class="img-password" @click="showPwd"> |
|
|
|
<img |
|
|
|
:src=" |
|
|
|
passwordType === 'password' |
|
|
|
<img :src="passwordType === 'password' |
|
|
|
? require('../assets/tomert/Frame-2.png') |
|
|
|
: require('../assets/tomert/Frame-1.png') |
|
|
|
" |
|
|
|
/> |
|
|
|
" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="input1" v-if="loginTab == 2"> |
|
|
|
<div class="email-code"> |
|
|
|
<el-input |
|
|
|
class="input" |
|
|
|
@keyup.enter.native="loginBtnEmail" |
|
|
|
maxlength="6" |
|
|
|
:placeholder="$t('请输入验证码')" |
|
|
|
v-model="re_phone_code" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
<el-input class="input" @keyup.enter.native="loginBtnEmail" maxlength="6" :placeholder="$t('请输入验证码')" |
|
|
|
v-model="re_phone_code" clearable></el-input> |
|
|
|
<div class="get-code"> |
|
|
|
<el-button |
|
|
|
:loading="sendLoading" |
|
|
|
class="cont" |
|
|
|
:class="regStr != $t('获取验证码') ? 'dis' : ''" |
|
|
|
@click="getCodeEmail" |
|
|
|
>{{ regStr }}</el-button |
|
|
|
> |
|
|
|
<el-button :loading="sendLoading" class="cont" :class="regStr != $t('获取验证码') ? 'dis' : ''" |
|
|
|
@click="getCodeEmail">{{ regStr }}</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -142,21 +121,11 @@ |
|
|
|
</div> |
|
|
|
<div class="password-content-btn"> |
|
|
|
<div class="cont hover-Btn-color"> |
|
|
|
<el-button |
|
|
|
v-if="loginTab == 1" |
|
|
|
:loading="loading" |
|
|
|
@keyup.enter.native="loginBtnpassword" |
|
|
|
@click="loginBtnpassword" |
|
|
|
>{{ $t("登录") }}</el-button |
|
|
|
> |
|
|
|
<el-button v-if="loginTab == 1" :loading="loading" @keyup.enter.native="loginBtnpassword" |
|
|
|
@click="loginBtnpassword">{{ $t("登录") }}</el-button> |
|
|
|
<div class="login-line"></div> |
|
|
|
<el-button |
|
|
|
v-if="loginTab == 2" |
|
|
|
:loading="loading1" |
|
|
|
@keyup.enter.native="loginBtnEmail" |
|
|
|
@click="loginBtnEmail" |
|
|
|
>{{ $t("登录") }}</el-button |
|
|
|
> |
|
|
|
<el-button v-if="loginTab == 2" :loading="loading1" @keyup.enter.native="loginBtnEmail" |
|
|
|
@click="loginBtnEmail">{{ $t("登录") }}</el-button> |
|
|
|
<div class="login-line"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -171,74 +140,42 @@ |
|
|
|
<div class="password-content-box"> |
|
|
|
<div class="title1">{{ $t("邮箱") }}</div> |
|
|
|
<div class="input1"> |
|
|
|
<el-input |
|
|
|
class="input" |
|
|
|
:placeholder="$t('请输入邮箱')" |
|
|
|
v-model="for_phone_number" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
<el-input class="input" :placeholder="$t('请输入邮箱')" v-model="for_phone_number" clearable></el-input> |
|
|
|
</div> |
|
|
|
<div class="title2">{{ $t("邮箱验证码") }}</div> |
|
|
|
<div class="input1"> |
|
|
|
<div class="email-code"> |
|
|
|
<el-input |
|
|
|
class="input" |
|
|
|
maxlength="6" |
|
|
|
:placeholder="$t('请输入验证码')" |
|
|
|
v-model="for_phone_code" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
<el-input class="input" maxlength="6" :placeholder="$t('请输入验证码')" v-model="for_phone_code" |
|
|
|
clearable></el-input> |
|
|
|
<div class="get-code"> |
|
|
|
<el-button |
|
|
|
class="cont" |
|
|
|
:loading="sendLoading" |
|
|
|
style="cursor: pointer; height: 32px" |
|
|
|
:class="regStr != $t('获取验证码') ? 'dis' : ''" |
|
|
|
@click="getforgetCode" |
|
|
|
>{{ regStr }}</el-button |
|
|
|
> |
|
|
|
<el-button class="cont" :loading="sendLoading" style="cursor: pointer; height: 32px" |
|
|
|
:class="regStr != $t('获取验证码') ? 'dis' : ''" @click="getforgetCode">{{ regStr }}</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="title2">{{ $t("密码") }}</div> |
|
|
|
<div class="input1"> |
|
|
|
<div class="email-code"> |
|
|
|
<el-input |
|
|
|
class="input" |
|
|
|
:placeholder="$t('请输入密码')" |
|
|
|
v-model="for_phone_password" |
|
|
|
:type="passwordType" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
<el-input class="input" :placeholder="$t('请输入密码')" v-model="for_phone_password" :type="passwordType" |
|
|
|
clearable></el-input> |
|
|
|
<div class="img-password" @click="showPwd"> |
|
|
|
<img |
|
|
|
:src=" |
|
|
|
passwordType === 'password' |
|
|
|
<img :src="passwordType === 'password' |
|
|
|
? require('../assets/tomert/Frame-2.png') |
|
|
|
: require('../assets/tomert/Frame-1.png') |
|
|
|
" |
|
|
|
/> |
|
|
|
" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="title2">{{ $t("确认密码") }}</div> |
|
|
|
<div class="input1"> |
|
|
|
<div class="email-code"> |
|
|
|
<el-input |
|
|
|
class="input" |
|
|
|
:placeholder="$t('请输入确认密码')" |
|
|
|
v-model="age_for_phone_password" |
|
|
|
:type="passwordType" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
<el-input class="input" :placeholder="$t('请输入确认密码')" v-model="age_for_phone_password" |
|
|
|
:type="passwordType" clearable></el-input> |
|
|
|
<div class="img-password" @click="showPwd"> |
|
|
|
<img |
|
|
|
:src=" |
|
|
|
passwordType === 'password' |
|
|
|
<img :src="passwordType === 'password' |
|
|
|
? require('../assets/tomert/Frame-2.png') |
|
|
|
: require('../assets/tomert/Frame-1.png') |
|
|
|
" |
|
|
|
/> |
|
|
|
" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -270,73 +207,42 @@ |
|
|
|
<div class="password-content-box"> |
|
|
|
<div class="title1">{{ $t("邮箱") }}</div> |
|
|
|
<div class="input1"> |
|
|
|
<el-input |
|
|
|
class="input" |
|
|
|
:placeholder="$t('请输入邮箱号')" |
|
|
|
v-model="rg_phone_number" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
<el-input class="input" :placeholder="$t('请输入邮箱号')" v-model="rg_phone_number" clearable></el-input> |
|
|
|
</div> |
|
|
|
<div class="title2">{{ $t("邮箱验证码") }}</div> |
|
|
|
<div class="input1"> |
|
|
|
<div class="email-code"> |
|
|
|
<el-input |
|
|
|
class="input" |
|
|
|
maxlength="6" |
|
|
|
:placeholder="$t('请输入验证码')" |
|
|
|
v-model="usernameCode" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
<el-input class="input" maxlength="6" :placeholder="$t('请输入验证码')" v-model="usernameCode" |
|
|
|
clearable></el-input> |
|
|
|
<div class="get-code"> |
|
|
|
<el-button |
|
|
|
class="cont" |
|
|
|
:loading="sendLoading" |
|
|
|
:class="regStr != $t('获取验证码') ? 'dis' : ''" |
|
|
|
@click="reg_get_Code" |
|
|
|
>{{ regStr }}</el-button |
|
|
|
> |
|
|
|
<el-button class="cont" :loading="sendLoading" :class="regStr != $t('获取验证码') ? 'dis' : ''" |
|
|
|
@click="reg_get_Code">{{ regStr }}</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="title2">{{ $t("密码") }}</div> |
|
|
|
<div class="input1"> |
|
|
|
<div class="email-code"> |
|
|
|
<el-input |
|
|
|
class="input" |
|
|
|
:placeholder="$t('home1')" |
|
|
|
v-model="rg_phone_password" |
|
|
|
:type="passwordType" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
<el-input class="input" :placeholder="$t('home1')" v-model="rg_phone_password" :type="passwordType" |
|
|
|
clearable></el-input> |
|
|
|
<div class="img-password" @click="showPwd"> |
|
|
|
<img |
|
|
|
:src=" |
|
|
|
passwordType === 'password' |
|
|
|
<img :src="passwordType === 'password' |
|
|
|
? require('../assets/tomert/Frame-2.png') |
|
|
|
: require('../assets/tomert/Frame-1.png') |
|
|
|
" |
|
|
|
/> |
|
|
|
" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="title2">{{ $t("确认密码") }}</div> |
|
|
|
<div class="input1"> |
|
|
|
<div class="email-code"> |
|
|
|
<el-input |
|
|
|
class="input" |
|
|
|
:placeholder="$t('请输入确认密码')" |
|
|
|
v-model="age_rg_phone_password" |
|
|
|
:type="passwordType" |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
<el-input class="input" :placeholder="$t('请输入确认密码')" v-model="age_rg_phone_password" |
|
|
|
:type="passwordType" clearable></el-input> |
|
|
|
<div class="img-password" @click="showPwd"> |
|
|
|
<img |
|
|
|
:src=" |
|
|
|
passwordType === 'password' |
|
|
|
<img :src="passwordType === 'password' |
|
|
|
? require('../assets/tomert/Frame-2.png') |
|
|
|
: require('../assets/tomert/Frame-1.png') |
|
|
|
" |
|
|
|
/> |
|
|
|
" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -364,28 +270,13 @@ |
|
|
|
</div> |
|
|
|
<div class="titan-storage-login-button"> |
|
|
|
<div class="login-button-left"> |
|
|
|
<img |
|
|
|
@click="jumplink('https://medium.com/@8355697')" |
|
|
|
class="img1" |
|
|
|
src="../assets/tomert/Frame 427318627.png" |
|
|
|
/> |
|
|
|
<img |
|
|
|
@click="jumplink('https://t.me/titannet_dao')" |
|
|
|
class="img2" |
|
|
|
src="../assets/tomert/Frame 427318628.png" |
|
|
|
/> |
|
|
|
<img |
|
|
|
@click="jumplink('https://twitter.com/Titannet_dao')" |
|
|
|
class="img3" |
|
|
|
src="../assets/tomert/Frame 427318629.png" |
|
|
|
/> |
|
|
|
<img |
|
|
|
@click=" |
|
|
|
<img @click="jumplink('https://medium.com/@8355697')" class="img1" src="../assets/tomert/Frame 427318627.png" /> |
|
|
|
<img @click="jumplink('https://t.me/titannet_dao')" class="img2" src="../assets/tomert/Frame 427318628.png" /> |
|
|
|
<img @click="jumplink('https://twitter.com/Titannet_dao')" class="img3" |
|
|
|
src="../assets/tomert/Frame 427318629.png" /> |
|
|
|
<img @click=" |
|
|
|
jumplink('https://filecoinproject.slack.com/archives/C03QG9433HA') |
|
|
|
" |
|
|
|
class="img4" |
|
|
|
src="../assets/tomert/Frame 427318630.png" |
|
|
|
/> |
|
|
|
" class="img4" src="../assets/tomert/Frame 427318630.png" /> |
|
|
|
</div> |
|
|
|
<div class="login-button-right"> |
|
|
|
<div>Login</div> |
|
|
|
@ -398,19 +289,11 @@ |
|
|
|
<div class="cont">{{ $t("创建钱包") }}</div> |
|
|
|
<div class="line"></div> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
class="create" |
|
|
|
@click="showFileLogin(2)" |
|
|
|
style="margin-top: 10px" |
|
|
|
> |
|
|
|
<div class="create" @click="showFileLogin(2)" style="margin-top: 10px"> |
|
|
|
<div class="cont">{{ $t("导入钱包") }}</div> |
|
|
|
<div class="line"></div> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
class="create" |
|
|
|
@click="showFileLogin(3)" |
|
|
|
style="margin-top: 10px" |
|
|
|
> |
|
|
|
<div class="create" @click="showFileLogin(3)" style="margin-top: 10px"> |
|
|
|
<div class="cont">{{ $t("导入秘钥") }}</div> |
|
|
|
<div class="line"></div> |
|
|
|
</div> |
|
|
|
@ -427,7 +310,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<loginPage ref="loginPage" /> |
|
|
|
<!-- <loginPage ref="loginPage" /> --> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script > |
|
|
|
@ -544,8 +427,8 @@ export default { |
|
|
|
this.email_password1 = ""; |
|
|
|
this.usernameCode = ""; |
|
|
|
}, |
|
|
|
getCode1() {}, |
|
|
|
getCode2() {}, |
|
|
|
getCode1() { }, |
|
|
|
getCode2() { }, |
|
|
|
loginBtn() { |
|
|
|
this.$router.push("/home/dashboard"); |
|
|
|
}, |
|
|
|
@ -856,8 +739,10 @@ export default { |
|
|
|
padding: 0 15px; |
|
|
|
border-radius: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.password-content-btn { |
|
|
|
position: relative; |
|
|
|
|
|
|
|
.login-line { |
|
|
|
position: absolute; |
|
|
|
width: 82px; |
|
|
|
@ -868,26 +753,27 @@ export default { |
|
|
|
margin-left: -41px; |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
&:hover { |
|
|
|
.hover-Btn-color { |
|
|
|
background: linear-gradient( |
|
|
|
180deg, |
|
|
|
background: linear-gradient(180deg, |
|
|
|
#25775a 0%, |
|
|
|
#1a3f2f 26%, |
|
|
|
#0d3023 52%, |
|
|
|
#183629 76%, |
|
|
|
#154d35 100% |
|
|
|
) |
|
|
|
rgba(250, 251, 235, 0.1) !important; |
|
|
|
#154d35 100%) rgba(250, 251, 235, 0.1) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.login-line { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.btn-click-color { |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
|
.video { |
|
|
|
position: fixed; |
|
|
|
left: 0; |
|
|
|
@ -896,20 +782,23 @@ export default { |
|
|
|
height: auto; |
|
|
|
object-fit: cover; |
|
|
|
} |
|
|
|
|
|
|
|
.bg { |
|
|
|
min-width: 1240px; |
|
|
|
width: 100vw; |
|
|
|
height: 100%; |
|
|
|
-webkit-font-smoothing: antialiased; |
|
|
|
background: radial-gradient(ellipse at bottom, #1c2837 0%, #050608 100%); |
|
|
|
background-attachment: fixed; |
|
|
|
background-size: contain; |
|
|
|
} |
|
|
|
|
|
|
|
.titan-storage-login-button { |
|
|
|
height: 100px; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
padding-left: 60px; |
|
|
|
padding-right: 31px; |
|
|
|
|
|
|
|
.login-button-right { |
|
|
|
display: flex; |
|
|
|
color: #fff; |
|
|
|
@ -917,17 +806,17 @@ export default { |
|
|
|
height: 50px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
|
|
|
|
.log-tab { |
|
|
|
margin-left: 25px; |
|
|
|
width: 275px; |
|
|
|
height: 50px; |
|
|
|
border-radius: 800px; |
|
|
|
padding: 2px; |
|
|
|
background: linear-gradient( |
|
|
|
180deg, |
|
|
|
background: linear-gradient(180deg, |
|
|
|
rgba(163, 216, 156, 0.4), |
|
|
|
rgba(63, 219, 41, 0.4) |
|
|
|
); |
|
|
|
rgba(63, 219, 41, 0.4)); |
|
|
|
|
|
|
|
.contaaa { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
@ -936,49 +825,51 @@ export default { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
.meta1 { |
|
|
|
width: 32px; |
|
|
|
height: 32px; |
|
|
|
position: relative; |
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
&:hover { |
|
|
|
.login-type { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.login-type { |
|
|
|
position: absolute; |
|
|
|
bottom: 0px; |
|
|
|
left: -54px; |
|
|
|
padding-bottom: 50px; |
|
|
|
display: none; |
|
|
|
|
|
|
|
.create { |
|
|
|
&:hover { |
|
|
|
.cont { |
|
|
|
background: linear-gradient( |
|
|
|
180deg, |
|
|
|
background: linear-gradient(180deg, |
|
|
|
#25775a 0%, |
|
|
|
#1a3f2f 26%, |
|
|
|
#0d3023 52%, |
|
|
|
#183629 76%, |
|
|
|
#154d35 100% |
|
|
|
) |
|
|
|
rgba(250, 251, 235, 0.2); |
|
|
|
#154d35 100%) rgba(250, 251, 235, 0.2); |
|
|
|
} |
|
|
|
|
|
|
|
.line { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
width: 129px; |
|
|
|
height: 36px; |
|
|
|
padding: 1px; |
|
|
|
position: relative; |
|
|
|
border-radius: 8px; |
|
|
|
background: linear-gradient( |
|
|
|
180deg, |
|
|
|
background: linear-gradient(180deg, |
|
|
|
rgba(144, 168, 141, 1), |
|
|
|
rgba(182, 221, 176, 0) |
|
|
|
); |
|
|
|
rgba(182, 221, 176, 0)); |
|
|
|
|
|
|
|
.line { |
|
|
|
position: absolute; |
|
|
|
width: 34px; |
|
|
|
@ -989,19 +880,17 @@ export default { |
|
|
|
margin-left: -17px; |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
.cont { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
border-radius: 8px; |
|
|
|
background: linear-gradient( |
|
|
|
180deg, |
|
|
|
background: linear-gradient(180deg, |
|
|
|
#25775a 0%, |
|
|
|
#1a3f2f 26%, |
|
|
|
#0d3023 52%, |
|
|
|
#183629 76%, |
|
|
|
#154d35 100% |
|
|
|
) |
|
|
|
rgba(250, 251, 235, 100%); |
|
|
|
#154d35 100%) rgba(250, 251, 235, 100%); |
|
|
|
font-weight: bold; |
|
|
|
color: #a1ffa1; |
|
|
|
font-size: 12px; |
|
|
|
@ -1012,26 +901,31 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
> img { |
|
|
|
|
|
|
|
>img { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.meta2 { |
|
|
|
width: 33px; |
|
|
|
height: 30px; |
|
|
|
margin: 0 40px; |
|
|
|
cursor: pointer; |
|
|
|
> img { |
|
|
|
|
|
|
|
>img { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.meta3 { |
|
|
|
width: 28px; |
|
|
|
height: 29px; |
|
|
|
cursor: pointer; |
|
|
|
> img { |
|
|
|
|
|
|
|
>img { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
@ -1039,24 +933,29 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.login-button-left { |
|
|
|
> img { |
|
|
|
>img { |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
|
.img1 { |
|
|
|
width: 30px; |
|
|
|
height: 25px; |
|
|
|
} |
|
|
|
|
|
|
|
.img2 { |
|
|
|
width: 28px; |
|
|
|
height: 24px; |
|
|
|
margin: 0 40px; |
|
|
|
} |
|
|
|
|
|
|
|
.img3 { |
|
|
|
width: 30px; |
|
|
|
height: 25px; |
|
|
|
margin-right: 40px; |
|
|
|
} |
|
|
|
|
|
|
|
.img4 { |
|
|
|
width: 30px; |
|
|
|
height: 30px; |
|
|
|
@ -1065,14 +964,33 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
.titan-storage-login { |
|
|
|
color: #fff; |
|
|
|
height: 100%; |
|
|
|
position: relative; |
|
|
|
z-index: 1111; |
|
|
|
width: 100%; |
|
|
|
|
|
|
|
.logo-img { |
|
|
|
width: 60px; |
|
|
|
height: 46px; |
|
|
|
object-fit: contain; |
|
|
|
margin-top: 50px; |
|
|
|
} |
|
|
|
|
|
|
|
.title-box { |
|
|
|
border: 2px solid; |
|
|
|
border-image: linear-gradient(90deg, #40C11C 0%, #4AC0CD 100%) 1; |
|
|
|
padding: 5px; |
|
|
|
background: #20252B; |
|
|
|
border-radius: 20px; |
|
|
|
font-size: 12px; |
|
|
|
} |
|
|
|
|
|
|
|
.titan-storage-login-content { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
height: calc(100% - 100px); |
|
|
|
|
|
|
|
.titan-storage-login-content-right { |
|
|
|
height: 100%; |
|
|
|
display: flex; |
|
|
|
@ -1080,19 +998,20 @@ export default { |
|
|
|
padding-right: 31px; |
|
|
|
color: #f5f5f5; |
|
|
|
padding-top: 36px; |
|
|
|
|
|
|
|
.titan-storage-login-box { |
|
|
|
/deep/ input::placeholder { |
|
|
|
color: #dfdfdf; |
|
|
|
} |
|
|
|
|
|
|
|
border-radius: 16px; |
|
|
|
padding: 1px; |
|
|
|
background: linear-gradient( |
|
|
|
139deg, |
|
|
|
background: linear-gradient(139deg, |
|
|
|
rgba(106, 121, 116, 1), |
|
|
|
rgba(100, 122, 87, 0.1), |
|
|
|
rgba(69, 87, 81, 1), |
|
|
|
rgba(100, 122, 87, 0.1) |
|
|
|
); |
|
|
|
rgba(100, 122, 87, 0.1)); |
|
|
|
|
|
|
|
.content { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
@ -1100,23 +1019,29 @@ export default { |
|
|
|
border-radius: 16px !important; |
|
|
|
padding: 18px; |
|
|
|
box-sizing: border-box; |
|
|
|
|
|
|
|
.password-content-box { |
|
|
|
margin-top: 16px; |
|
|
|
|
|
|
|
.reset-Password { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
margin-top: 16px; |
|
|
|
> div:nth-child(2) { |
|
|
|
|
|
|
|
>div:nth-child(2) { |
|
|
|
font-size: 14px; |
|
|
|
> span:nth-child(1) { |
|
|
|
|
|
|
|
>span:nth-child(1) { |
|
|
|
color: #697569; |
|
|
|
} |
|
|
|
> span:nth-child(2) { |
|
|
|
|
|
|
|
>span:nth-child(2) { |
|
|
|
color: #7f9d7e; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.register-or-forget { |
|
|
|
margin-top: 15px; |
|
|
|
display: flex; |
|
|
|
@ -1124,29 +1049,28 @@ export default { |
|
|
|
color: #7f9d7e; |
|
|
|
font-size: 14px; |
|
|
|
} |
|
|
|
|
|
|
|
.password-content-btn { |
|
|
|
margin-top: 24px; |
|
|
|
background: linear-gradient( |
|
|
|
180deg, |
|
|
|
background: linear-gradient(180deg, |
|
|
|
rgba(144, 168, 141, 1), |
|
|
|
rgba(182, 221, 176, 0) |
|
|
|
); |
|
|
|
rgba(182, 221, 176, 0)); |
|
|
|
width: 328px; |
|
|
|
height: 40px; |
|
|
|
border-radius: 8px; |
|
|
|
padding: 1px; |
|
|
|
|
|
|
|
.cont { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
background: linear-gradient( |
|
|
|
180deg, |
|
|
|
background: linear-gradient(180deg, |
|
|
|
#25775a 0%, |
|
|
|
#1a3f2f 26%, |
|
|
|
#0d3023 52%, |
|
|
|
#183629 76%, |
|
|
|
#154d35 100% |
|
|
|
); |
|
|
|
#154d35 100%); |
|
|
|
border-radius: 8px; |
|
|
|
|
|
|
|
/deep/.el-button--default { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
@ -1158,39 +1082,45 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.title1 { |
|
|
|
|
|
|
|
font-weight: bold; |
|
|
|
font-size: 14px; |
|
|
|
margin-bottom: 12px; |
|
|
|
} |
|
|
|
|
|
|
|
.title2 { |
|
|
|
font-weight: bold; |
|
|
|
font-size: 14px; |
|
|
|
margin-bottom: 8px; |
|
|
|
margin-top: 16px; |
|
|
|
} |
|
|
|
|
|
|
|
.input1 { |
|
|
|
width: 328px; |
|
|
|
border-radius: 8px; |
|
|
|
padding: 1px; |
|
|
|
background: linear-gradient( |
|
|
|
181deg, |
|
|
|
background: linear-gradient(181deg, |
|
|
|
rgba(68, 116, 60, 1), |
|
|
|
rgba(39, 102, 94, 1) |
|
|
|
); |
|
|
|
rgba(39, 102, 94, 1)); |
|
|
|
|
|
|
|
/deep/ .el-input__inner { |
|
|
|
background: none !important; |
|
|
|
border: none !important; |
|
|
|
color: #fff !important; |
|
|
|
} |
|
|
|
|
|
|
|
.img-password { |
|
|
|
margin-right: 15px; |
|
|
|
cursor: pointer; |
|
|
|
> img { |
|
|
|
|
|
|
|
>img { |
|
|
|
width: 24px; |
|
|
|
height: 24px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.email-code { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
@ -1199,36 +1129,36 @@ export default { |
|
|
|
color: #fff !important; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
|
|
|
|
.get-code { |
|
|
|
width: 92px; |
|
|
|
height: 32px; |
|
|
|
background: linear-gradient( |
|
|
|
180deg, |
|
|
|
background: linear-gradient(180deg, |
|
|
|
rgba(37, 119, 90, 1), |
|
|
|
rgba(26, 63, 47, 1), |
|
|
|
rgba(13, 48, 35, 1), |
|
|
|
rgba(24, 54, 41, 1), |
|
|
|
rgba(21, 77, 53, 1) |
|
|
|
); |
|
|
|
rgba(21, 77, 53, 1)); |
|
|
|
border-radius: 8px; |
|
|
|
padding: 1px; |
|
|
|
margin-right: 9px; |
|
|
|
flex-shrink: 0; |
|
|
|
|
|
|
|
/deep/ .el-button { |
|
|
|
border: none !important; |
|
|
|
} |
|
|
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
.cont { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
background: linear-gradient( |
|
|
|
180deg, |
|
|
|
background: linear-gradient(180deg, |
|
|
|
#5d6454 0%, |
|
|
|
#28493b 16%, |
|
|
|
#052e1c 48%, |
|
|
|
#1d3a2e 80%, |
|
|
|
#42473c 100% |
|
|
|
); |
|
|
|
#42473c 100%); |
|
|
|
border-radius: 8px; |
|
|
|
color: #77ab87; |
|
|
|
font-size: 14px; |
|
|
|
@ -1239,6 +1169,7 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.input { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
@ -1248,26 +1179,27 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.login-tab { |
|
|
|
display: flex; |
|
|
|
font-weight: bold; |
|
|
|
font-size: 22px; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
.password-tab { |
|
|
|
position: relative; |
|
|
|
text-align: center; |
|
|
|
cursor: pointer; |
|
|
|
font-size: 16px; |
|
|
|
> div:nth-child(2) { |
|
|
|
|
|
|
|
>div:nth-child(2) { |
|
|
|
margin-top: 6px; |
|
|
|
// width: 47px; |
|
|
|
height: 3px; |
|
|
|
background: linear-gradient( |
|
|
|
180deg, |
|
|
|
background: linear-gradient(180deg, |
|
|
|
#839b81 0%, |
|
|
|
rgba(78, 148, 122, 0) 100% |
|
|
|
); |
|
|
|
rgba(78, 148, 122, 0) 100%); |
|
|
|
border-radius: 80px 80px 80px 80px; |
|
|
|
opacity: 1; |
|
|
|
left: 20px; |
|
|
|
@ -1275,6 +1207,7 @@ export default { |
|
|
|
position: absolute; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.email-tab { |
|
|
|
margin-left: 45px; |
|
|
|
} |
|
|
|
@ -1282,6 +1215,7 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.titan-storage-login-content-left { |
|
|
|
padding-left: 60px; |
|
|
|
padding-top: 60px; |
|
|
|
@ -1289,40 +1223,45 @@ export default { |
|
|
|
flex-direction: column; |
|
|
|
flex: 1; |
|
|
|
height: 100%; |
|
|
|
|
|
|
|
.logo-top { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
color: #fff; |
|
|
|
> img { |
|
|
|
|
|
|
|
>img { |
|
|
|
display: block; |
|
|
|
width: 260px; |
|
|
|
height: auto; |
|
|
|
margin-right: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.titan-storage-login-title { |
|
|
|
padding-left: 100px; |
|
|
|
height: calc(100% - 60px); |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
.title-serve { |
|
|
|
margin-top: 32px; |
|
|
|
display: flex; |
|
|
|
|
|
|
|
.serve-DCDN2 { |
|
|
|
margin: 0 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.serve-DCDN { |
|
|
|
width: 209px; |
|
|
|
height: 60px; |
|
|
|
border-radius: 16px 16px 16px 16px; |
|
|
|
padding: 3px; |
|
|
|
background: linear-gradient( |
|
|
|
133deg, |
|
|
|
background: linear-gradient(133deg, |
|
|
|
rgba(123, 251, 102, 1), |
|
|
|
rgba(3, 161, 191, 1) |
|
|
|
); |
|
|
|
> div { |
|
|
|
rgba(3, 161, 191, 1)); |
|
|
|
|
|
|
|
>div { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
background: #022220; |
|
|
|
@ -1345,10 +1284,12 @@ export default { |
|
|
|
color: #ffffff; |
|
|
|
line-height: 84px; |
|
|
|
letter-spacing: 3px; |
|
|
|
|
|
|
|
.nft-color { |
|
|
|
color: #52ff3a; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.title1 { |
|
|
|
font-weight: 400; |
|
|
|
color: #ffffff; |
|
|
|
@ -1358,24 +1299,26 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.enlishBoxContent { |
|
|
|
.titan-storage-login |
|
|
|
.titan-storage-login-content |
|
|
|
.titan-storage-login-content-left |
|
|
|
.titan-storage-login-title { |
|
|
|
.titan-storage-login .titan-storage-login-content .titan-storage-login-content-left .titan-storage-login-title { |
|
|
|
padding-left: 60px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.serve-DCDN2 { |
|
|
|
width: 220px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.serve-DCDN3 { |
|
|
|
width: 280px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.serve-DCDN1 { |
|
|
|
width: 130px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.serve-DCDN { |
|
|
|
> div { |
|
|
|
>div { |
|
|
|
font-size: 16px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
