Browse Source

commit

master
yyy 7 months ago
parent
commit
aab4e58d05
  1. 173
      src/components/layout.vue
  2. 7
      src/views/FileStorage.vue

173
src/components/layout.vue

@ -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 {

7
src/views/FileStorage.vue

@ -1,5 +1,6 @@
<template> <template>
<div class="filStorage"> <div class="filStorage">
<div style="display:flex;justify-content:flex-end;margin-top:20px"> <div style="display:flex;justify-content:flex-end;margin-top:20px">
<img src="@/assets/logo-black.png" style="width:30px;height:21px;object-fit: contain;" alt=""> <img src="@/assets/logo-black.png" style="width:30px;height:21px;object-fit: contain;" alt="">
<div style="margin-left:5px">{{ address.substring(0,6) + '...' + address.substring(address.length-6,address.length)}}</div> <div style="margin-left:5px">{{ address.substring(0,6) + '...' + address.substring(address.length-6,address.length)}}</div>
@ -1243,8 +1244,12 @@ export default {
padding: 0px !important; padding: 0px !important;
} }
.el-main[data-v-51f41a8c]{
padding: 0px !important;
}
.filStorage { .filStorage {
padding: 0px 20px;
padding: 0px 10px;
max-width: 100vw; max-width: 100vw;
overflow-x: hidden; overflow-x: hidden;
word-break: break-all; word-break: break-all;

Loading…
Cancel
Save