|
@ -1,175 +1,8 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div> |
|
|
<div> |
|
|
<el-main style="background: #f6f6f6;max-width:100vw;padding:0"> |
|
|
|
|
|
|
|
|
<div style="background: #f6f6f6;max-width:100vw;padding:0"> |
|
|
<div style="max-width:100vw;min-height:100vh"><router-view /></div> |
|
|
<div style="max-width:100vw;min-height:100vh"><router-view /></div> |
|
|
</el-main> |
|
|
|
|
|
<el-container v-if="false"> |
|
|
|
|
|
<el-aside width="324px"> |
|
|
|
|
|
<div class="aside"> |
|
|
|
|
|
<div style="margin-left: 30px"> |
|
|
|
|
|
<img style="width: 226px; height: 34px" src="../assets/newimages/TTs-logonew.svg" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div style="margin-bottom: 24px; position: relative; z-index: 10" @click="tabid(1, '/home/dashboard')" |
|
|
|
|
|
:class="$route.path == '/home/dashboard' ? 'asideColoe' : ''"> |
|
|
|
|
|
<img class="imgMargin-left" v-if="$route.path == '/home/dashboard'" |
|
|
|
|
|
src="../assets/storageImg/Dashboard-1.png" /> |
|
|
|
|
|
<img class="imgMargin-left" v-else src="../assets/storageImg/Dashboard.png" /> |
|
|
|
|
|
|
|
|
|
|
|
{{ $t("仪表盘") }} |
|
|
|
|
|
</div> |
|
|
|
|
|
<div style="margin-bottom: 24px; position: relative; z-index: 10" @click="tabid(2, '/home/fileStorage')" |
|
|
|
|
|
:class="$route.path == '/home/fileStorage' ? 'asideColoe' : ''"> |
|
|
|
|
|
<img class="imgMargin-left" v-if="$route.path == '/home/fileStorage'" |
|
|
|
|
|
src="../assets/storageImg/Folder-1.png" /> |
|
|
|
|
|
<img class="imgMargin-left" v-else src="../assets/storageImg/Folder.png" /> |
|
|
|
|
|
{{ $t("文件") }} |
|
|
|
|
|
</div> |
|
|
|
|
|
<div style="margin-bottom: 24px; position: relative; z-index: 10" @click="tabid(3, '/home/key')" |
|
|
|
|
|
:class="$route.path == '/home/key' ? 'asideColoe' : ''"> |
|
|
|
|
|
<img class="imgMargin-left" v-if="$route.path == '/home/key'" src="../assets/storageImg/Other-1.png" /> |
|
|
|
|
|
<img class="imgMargin-left" v-else src="../assets/storageImg/Other.png" /> |
|
|
|
|
|
API Keys |
|
|
|
|
|
</div> |
|
|
|
|
|
<div style="margin-bottom: 24px; position: relative; z-index: 10" @click="tabid(4, '/home/center')" |
|
|
|
|
|
:class="$route.path == '/home/center' ? 'asideColoe' : ''"> |
|
|
|
|
|
<img class="imgMargin-left" v-if="$route.path == '/home/center'" |
|
|
|
|
|
src="../assets/storageImg/Invite Friends-1.png" /> |
|
|
|
|
|
<img class="imgMargin-left" v-else src="../assets/storageImg/Invite Friends.png" /> |
|
|
|
|
|
{{ $t("个人中心") }} |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="lianjie"> |
|
|
|
|
|
<div class="footer-img"> |
|
|
|
|
|
<img src="../assets/storageImg/img7.png" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- <div class="lianjie"> |
|
|
|
|
|
<div class="lianjie-item"> |
|
|
|
|
|
<div class="item" @click="jumplink('https://filecoinproject.slack.com/archives/C03QG9433HA')"> |
|
|
|
|
|
<img style="width:34px;height:32px;" src="../assets/WEB3/slack.svg"> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="item item2" @click="jumplink('https://twitter.com/FilecoinTitan')"> |
|
|
|
|
|
<img style="width:34px;height:32px;" src="../assets/WEB3/TW.svg"> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="item" @click="jumplink('https://t.me/TitanNetio')"> |
|
|
|
|
|
<img style="width:34px;height:32px;" src="../assets/WEB3/TG.svg"> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="item item2" @click="jumplink('https://medium.com/@8355697')"> |
|
|
|
|
|
<img style="width:34px;height:32px;" src="../assets/WEB3/MD.svg"> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> --> |
|
|
|
|
|
</div> |
|
|
|
|
|
</el-aside> |
|
|
|
|
|
<el-container> |
|
|
|
|
|
<el-header> |
|
|
|
|
|
<div class="el-header-title"> |
|
|
|
|
|
<div>Titan | Storage</div> |
|
|
|
|
|
<div> |
|
|
|
|
|
<div class="lianje-new-color"> |
|
|
|
|
|
<div @click="jumplink('https://medium.com/@8355697')"> |
|
|
|
|
|
<img src="../assets/storageImg/Frame 427318627.png" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div @click="jumplink('https://t.me/titannet_dao')"> |
|
|
|
|
|
<img src="../assets/storageImg/Frame 427318628.png" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div @click="jumplink('https://twitter.com/Titannet_dao')"> |
|
|
|
|
|
<img src="../assets/storageImg/Frame 427318629.png" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div @click=" |
|
|
|
|
|
jumplink( |
|
|
|
|
|
'https://filecoinproject.slack.com/archives/C03QG9433HA' |
|
|
|
|
|
) |
|
|
|
|
|
"> |
|
|
|
|
|
<img src="../assets/storageImg/Frame 427318630.png" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- <el-dropdown style="margin-right:10px;"> |
|
|
|
|
|
<el-button type="success"> |
|
|
|
|
|
简体中文<i class="el-icon-arrow-down el-icon--right"></i> |
|
|
|
|
|
</el-button> |
|
|
|
|
|
<el-dropdown-menu slot="dropdown"> |
|
|
|
|
|
<el-dropdown-item>黄金糕</el-dropdown-item> |
|
|
|
|
|
<el-dropdown-item>狮子头</el-dropdown-item> |
|
|
|
|
|
<el-dropdown-item>螺蛳粉</el-dropdown-item> |
|
|
|
|
|
<el-dropdown-item>双皮奶</el-dropdown-item> |
|
|
|
|
|
<el-dropdown-item>蚵仔煎</el-dropdown-item> |
|
|
|
|
|
</el-dropdown-menu> |
|
|
|
|
|
</el-dropdown> --> |
|
|
|
|
|
|
|
|
|
|
|
<el-dropdown> |
|
|
|
|
|
<!-- <span v-if="address" class="el-dropdown-link">{{`${address.slice(0, 6)}....${address.slice(address.length - 4,address.length)}` || emailAddress}}</span> |
|
|
|
|
|
<span v-else class="el-dropdown-link">{{emailAddress}}</span> --> |
|
|
|
|
|
<div class="login-el-icon--right"> |
|
|
|
|
|
<img v-if="loginType == 1" class="iconImgSize" src="../assets/storageImg/Frame 427318626.png" /> |
|
|
|
|
|
<img v-if="loginType == 2" class="iconImgSize" src="../assets/storageImg/Frame 427318625-1.png" /> |
|
|
|
|
|
<img v-if="loginType == 3" class="iconImgSize" src="../assets/storageImg/Frame 427318625.png" /> |
|
|
|
|
|
<span v-if="address.indexOf('@') > -1" class="el-dropdown-link1">{{ address }}</span> |
|
|
|
|
|
<span v-else class="el-dropdown-link1">{{ |
|
|
|
|
|
`${address.slice(0, 6)}....${address.slice( |
|
|
|
|
|
address.length - 4, |
|
|
|
|
|
address.length |
|
|
|
|
|
)}` || emailAddress |
|
|
|
|
|
}}</span> |
|
|
|
|
|
<i style="cursor: pointer" class="el-icon-arrow-down el-icon--right"></i> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<el-dropdown-menu slot="dropdown" style="width: 100px"> |
|
|
|
|
|
<el-dropdown-item @click.native="loginout">{{ $t("登出") }} |
|
|
|
|
|
</el-dropdown-item> |
|
|
|
|
|
<!-- <el-dropdown-item>狮子头</el-dropdown-item> |
|
|
|
|
|
<el-dropdown-item>螺蛳粉</el-dropdown-item> |
|
|
|
|
|
<el-dropdown-item disabled>双皮奶</el-dropdown-item> |
|
|
|
|
|
<el-dropdown-item divided>蚵仔煎</el-dropdown-item> --> |
|
|
|
|
|
</el-dropdown-menu> |
|
|
|
|
|
</el-dropdown> |
|
|
|
|
|
<!-- <div class="language-color" @click="langToggle(selectLang=='zh'?'en':'zh')"> |
|
|
|
|
|
<span>{{selectLang =='zh'?'English':'简体中文'}}</span> |
|
|
|
|
|
<img class="language-img" src="../assets/storageImg/Frame.png"> |
|
|
|
|
|
</div> --> |
|
|
|
|
|
<div class="language-color-two" @click="langToggle(selectLang == 'zh' ? 'en' : 'zh')"> |
|
|
|
|
|
<span :class="selectLang == 'en' ? 'activelanguage' : ''">En</span> |
|
|
|
|
|
<span>/</span> |
|
|
|
|
|
<span :class="selectLang == 'zh' ? 'activelanguage' : ''">中文</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- <div class="language"> |
|
|
|
|
|
<el-select class="language-color" v-model="selectLang" placeholder="Select" @change="langToggle"> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in options" |
|
|
|
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
|
|
|
|
|
|
</div> --> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- <div> |
|
|
|
|
|
<div @click="loginout">登出</div> |
|
|
|
|
|
<div> |
|
|
|
|
|
{{ |
|
|
|
|
|
`${address.slice(0, 6)}....${address.slice( |
|
|
|
|
|
address.length - 4, |
|
|
|
|
|
address.length |
|
|
|
|
|
)}` |
|
|
|
|
|
}} |
|
|
|
|
|
</div> |
|
|
|
|
|
<div> |
|
|
|
|
|
<img src="../assets/images/arrow-down.svg" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> --> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <div |
|
|
|
|
|
style="width: 100%; height: 1px; background: #ddd; opacity: 0.5" |
|
|
|
|
|
></div> --> |
|
|
|
|
|
</el-header> |
|
|
|
|
|
<el-main style="background: #f6f6f6"> |
|
|
|
|
|
<div style="min-width: 1200px"><router-view /></div> |
|
|
|
|
|
</el-main> |
|
|
|
|
|
<!-- <el-footer>Footer</el-footer> --> |
|
|
|
|
|
</el-container> |
|
|
|
|
|
</el-container> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
@ -384,7 +217,7 @@ export default { |
|
|
// height: 81px !important; |
|
|
// height: 81px !important; |
|
|
// } |
|
|
// } |
|
|
.el-main { |
|
|
.el-main { |
|
|
padding: 34px 36px 46px 36px !important; |
|
|
|
|
|
|
|
|
// padding: 34px 36px 46px 36px !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.el-header { |
|
|
.el-header { |
|
|