<template>
|
<div class="router-view">
|
<div data-v-1a056e44="" class="page">
|
<section data-v-1a056e44="" class="container">
|
<section data-v-1a056e44="" class="header">
|
<img
|
data-v-1a056e44=""
|
src="@/assets/forexImages/avatar-e57e8e09.png"
|
class="header-avatar"
|
/>
|
<div data-v-1a056e44="" class="header-content">
|
<p data-v-1a056e44="" class="header-content__title">
|
<span data-v-1a056e44="">11</span
|
><span data-v-1a056e44="" class="header-content__title-tag"
|
>VIP5</span
|
>
|
</p>
|
<p data-v-1a056e44="" class="header-content__desc">UID: 44766087</p>
|
<p data-v-1a056e44="" class="header-content__desc">
|
Credit Score: 100
|
</p>
|
<p data-v-1a056e44="" class="header-content__desc">
|
邀請碼: 71136375
|
</p>
|
</div>
|
</section>
|
<section data-v-1a056e44="" class="plane plane1">
|
<div data-v-1a056e44="">
|
<p data-v-1a056e44="" class="plane-title">初級認證</p>
|
<p data-v-1a056e44="" class="plane-desc">
|
為保障您的賬戶安全，請完成初級認證後方可交易操作！
|
</p>
|
<div data-v-1a056e44="" class="plane-tag">
|
<span data-v-1a056e44="">已認證</span
|
><!----><!----><!---->
|
</div>
|
</div>
|
<img
|
data-v-1a056e44=""
|
src="@/assets/forexImages/center-000cd06e.png"
|
alt=""
|
class="centerimg"
|
/>
|
</section>
|
<section data-v-1a056e44="" class="plane">
|
<div data-v-1a056e44="" class="plane-item">
|
<i
|
data-v-1a056e44=""
|
class="el-icon"
|
style="font-size: 24px; --color: #4a8cff"
|
><svg
|
data-v-1a056e44=""
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 1024 1024"
|
>
|
<path
|
fill="currentColor"
|
d="M896 324.096c0-42.368-2.496-55.296-9.536-68.48a52.352 52.352 0 0 0-22.144-22.08c-13.12-7.04-26.048-9.536-68.416-9.536H228.096c-42.368 0-55.296 2.496-68.48 9.536a52.352 52.352 0 0 0-22.08 22.144c-7.04 13.12-9.536 26.048-9.536 68.416v375.808c0 42.368 2.496 55.296 9.536 68.48a52.352 52.352 0 0 0 22.144 22.08c13.12 7.04 26.048 9.536 68.416 9.536h567.808c42.368 0 55.296-2.496 68.48-9.536a52.352 52.352 0 0 0 22.08-22.144c7.04-13.12 9.536-26.048 9.536-68.416zm64 0v375.808c0 57.088-5.952 77.76-17.088 98.56-11.136 20.928-27.52 37.312-48.384 48.448-20.864 11.136-41.6 17.088-98.56 17.088H228.032c-57.088 0-77.76-5.952-98.56-17.088a116.288 116.288 0 0 1-48.448-48.384c-11.136-20.864-17.088-41.6-17.088-98.56V324.032c0-57.088 5.952-77.76 17.088-98.56 11.136-20.928 27.52-37.312 48.384-48.448 20.864-11.136 41.6-17.088 98.56-17.088H795.84c57.088 0 77.76 5.952 98.56 17.088 20.928 11.136 37.312 27.52 48.448 48.384 11.136 20.864 17.088 41.6 17.088 98.56z"
|
></path>
|
<path
|
fill="currentColor"
|
d="M64 320h896v64H64zm0 128h896v64H64zm128 192h256v64H192z"
|
></path>
|
</svg>
|
</i>
|
<div data-v-1a056e44="" class="plane-item__content">高級認證</div>
|
<div data-v-1a056e44="" class="plane-item__opt">
|
<!----><!----><!----><span data-v-1a056e44="">未認證</span>
|
</div>
|
</div>
|
<div data-v-1a056e44="" class="plane-item">
|
<i
|
data-v-1a056e44=""
|
class="el-icon"
|
style="font-size: 24px; --color: #fbbf24"
|
><svg
|
data-v-1a056e44=""
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 1024 1024"
|
>
|
<path
|
fill="currentColor"
|
d="M128 192v640h768V320H485.76L357.504 192zm-32-64h287.872l128.384 128H928a32 32 0 0 1 32 32v576a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32m414.08 502.144 180.992-180.992L736.32 494.4 510.08 720.64l-158.4-158.336 45.248-45.312z"
|
></path>
|
</svg>
|
</i>
|
<div data-v-1a056e44="" class="plane-item__content">
|
安全等級：中
|
</div>
|
<div data-v-1a056e44="" class="plane-item__level">
|
<span
|
data-v-1a056e44=""
|
class="plane-item__level-item active-item"
|
></span
|
><span
|
data-v-1a056e44=""
|
class="plane-item__level-item active-item"
|
></span
|
><span data-v-1a056e44="" class="plane-item__level-item"></span>
|
</div>
|
</div>
|
<div data-v-1a056e44="" class="plane-item">
|
<i
|
data-v-1a056e44=""
|
class="el-icon"
|
style="font-size: 24px; --color: #e46868"
|
><svg
|
data-v-1a056e44=""
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 1024 1024"
|
>
|
<path
|
fill="currentColor"
|
d="M128 224v512a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V224zm0-64h768a64 64 0 0 1 64 64v512a128 128 0 0 1-128 128H192A128 128 0 0 1 64 736V224a64 64 0 0 1 64-64"
|
></path>
|
<path
|
fill="currentColor"
|
d="M904 224 656.512 506.88a192 192 0 0 1-289.024 0L120 224zm-698.944 0 210.56 240.704a128 128 0 0 0 192.704 0L818.944 224H205.056"
|
></path>
|
</svg>
|
</i>
|
<div data-v-1a056e44="" class="plane-item__content">郵箱</div>
|
<div data-v-1a056e44="" class="plane-item__email">
|
jennifer88425@gmail.com
|
</div>
|
</div>
|
</section>
|
<section data-v-1a056e44="" class="plane">
|
<div data-v-1a056e44="" class="plane-item">
|
<i
|
data-v-1a056e44=""
|
class="el-icon"
|
style="font-size: 24px; --color: #fbbf24"
|
><svg
|
data-v-1a056e44=""
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 1024 1024"
|
>
|
<path
|
fill="currentColor"
|
d="M224 448a32 32 0 0 0-32 32v384a32 32 0 0 0 32 32h576a32 32 0 0 0 32-32V480a32 32 0 0 0-32-32zm0-64h576a96 96 0 0 1 96 96v384a96 96 0 0 1-96 96H224a96 96 0 0 1-96-96V480a96 96 0 0 1 96-96"
|
></path>
|
<path
|
fill="currentColor"
|
d="M512 544a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V576a32 32 0 0 1 32-32m192-160v-64a192 192 0 1 0-384 0v64zM512 64a256 256 0 0 1 256 256v128H256V320A256 256 0 0 1 512 64"
|
></path>
|
</svg>
|
</i>
|
<div data-v-1a056e44="" class="plane-item__content">登錄密碼</div>
|
<div data-v-1a056e44="" class="plane-item__opt">修改</div>
|
</div>
|
<div data-v-1a056e44="" class="plane-item">
|
<i
|
data-v-1a056e44=""
|
class="el-icon"
|
style="font-size: 24px; --color: #10b968"
|
>
|
<svg
|
data-v-1a056e44=""
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 1024 1024"
|
>
|
<path
|
fill="currentColor"
|
d="M640 288h-64V128H128v704h384v32a32 32 0 0 0 32 32H96a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32h512a32 32 0 0 1 32 32z"
|
></path>
|
<path
|
fill="currentColor"
|
d="M128 320v512h768V320zm-32-64h832a32 32 0 0 1 32 32v576a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32"
|
></path>
|
<path
|
fill="currentColor"
|
d="M704 640a64 64 0 1 1 0-128 64 64 0 0 1 0 128"
|
></path>
|
</svg>
|
</i>
|
<div data-v-1a056e44="" class="plane-item__content">資金密碼</div>
|
<div data-v-1a056e44="" class="plane-item__opt">修改</div>
|
</div>
|
</section>
|
<section data-v-1a056e44="" class="page-bottom">
|
<button data-v-1a056e44="" class="page-bottom__btn">退出登錄</button>
|
</section>
|
</section>
|
</div>
|
</div>
|
<footerView></footerView>
|
</template>
|
|
<style scoped>
|
.router-view {
|
flex: 1;
|
background-color: #000;
|
}
|
|
.page[data-v-1a056e44] {
|
background: #000;
|
}
|
|
.container[data-v-1a056e44] {
|
background-color: #000;
|
max-width: 1232px;
|
padding: 0 16px;
|
margin: auto;
|
width: 100%;
|
height: 100%;
|
}
|
|
.page-bottom__btn[data-v-1a056e44] {
|
width: 100%;
|
line-height: 50px;
|
background-color: #ef4444;
|
font-size: 14px;
|
box-shadow: none;
|
border: none;
|
color: #fff;
|
border-radius: 25px;
|
cursor: pointer;
|
}
|
.page-bottom[data-v-1a056e44] {
|
padding: 16px;
|
}
|
|
.plane[data-v-1a056e44] {
|
padding: 12px 16px;
|
border-radius: 8px;
|
background-color: #181a20;
|
color: #fff;
|
margin-bottom: 12px;
|
}
|
.plane-item[data-v-1a056e44] {
|
display: flex;
|
align-items: center;
|
height: 60px;
|
}
|
.plane.plane1[data-v-1a056e44] {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
.plane-title[data-v-1a056e44] {
|
font-size: 18px;
|
line-height: 28px;
|
font-weight: 600;
|
}
|
.plane-desc[data-v-1a056e44] {
|
color: #6d6d6d;
|
margin-top: 8px;
|
font-size: 12px;
|
}
|
.plane-tag[data-v-1a056e44] {
|
margin-top: 8px;
|
height: 28px;
|
display: flex;
|
align-items: center;
|
color: #10b981;
|
font-size: 14px;
|
cursor: pointer;
|
}
|
.plane-item__opt[data-v-1a056e44] {
|
color: #f7b328;
|
font-size: 14px;
|
cursor: pointer;
|
transition: 0.5s;
|
}
|
.plane-item__content[data-v-1a056e44] {
|
flex: 1;
|
line-height: 24px;
|
margin-left: 16px;
|
}
|
.header[data-v-1a056e44] {
|
display: flex;
|
align-items: center;
|
height: 160px;
|
}
|
.plane-item__email[data-v-1a056e44] {
|
font-size: 14px;
|
color: #ffffffb3;
|
max-width: 300px;
|
text-overflow: ellipsis;
|
overflow: hidden;
|
white-space: nowrap;
|
}
|
.plane-item__level-item[data-v-1a056e44] {
|
width: 24px;
|
height: 4px;
|
background-color: #fff;
|
border-radius: 2px;
|
margin: 0 2px;
|
}
|
.plane-item__level[data-v-1a056e44] {
|
display: flex;
|
align-items: center;
|
}
|
.plane-item__level .active-item[data-v-1a056e44] {
|
background-color: #fbbf24;
|
}
|
.plane.plane1 .centerimg[data-v-1a056e44] {
|
width: 245px;
|
height: 96px;
|
}
|
.header-avatar[data-v-1a056e44] {
|
width: 60px;
|
height: 60px;
|
border-radius: 50%;
|
margin-right: 12px;
|
}
|
|
.header-content[data-v-1a056e44] {
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
}
|
.header-content__title[data-v-1a056e44] {
|
display: flex;
|
align-items: center;
|
height: 24px;
|
font-size: 16px;
|
font-weight: 600;
|
color: #fff;
|
}
|
.header-content__desc[data-v-1a056e44] {
|
margin-top: 8px;
|
font-size: 12px;
|
line-height: 16px;
|
color: #ffffffb3;
|
}
|
.header-content__title-tag[data-v-1a056e44] {
|
margin-left: 4px;
|
padding-inline: 4px;
|
color: #000;
|
background-color: #f7b328;
|
border-radius: 4px;
|
font-size: 12px;
|
line-height: 18px;
|
}
|
</style>
|
