cerc-io/cosmos-explorer
16
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add short cut for module

Browse Source
This commit is contained in:
liangping 2022-04-26 20:09:01 +08:00
parent c78bbd01c8
commit 4060a908aa
1 changed files with 38 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/views/Home.vue
View File

@ -41,8 +41,10 @@
v-for="(data,index) in chains" v-for="(data,index) in chains"
:key="index" :key="index"
v-observe-visibility="(visible) => visibilityChanged(visible, data)" v-observe-visibility="(visible) => visibilityChanged(visible, data)"
md="3"
sm="6" sm="6"
md="4"
lg="4"
xl="3"
> >
<router-link :to="data.chain_name"> <router-link :to="data.chain_name">
<b-card <b-card
@ -50,8 +52,38 @@
class="earnings-card text-left" class="earnings-card text-left"
> >
<div> <div>
<b-card-title class="mb-1 text-uppercase"> <b-card-title class="mb-1 d-flex justify-content-between">
{{ data.chain_name }} <small class="font-small-2">{{ data.sdk_version }}</small> <span class="text-uppercase">{{ data.chain_name }} <small class="font-small-2">{{ data.sdk_version }}</small></span>
<b-dropdown
class="ml-1"
variant="link"
no-caret
toggle-class="p-0"
right
>
<template #button-content>
<feather-icon
icon="MoreVerticalIcon"
size="18"
class="cursor-pointer"
/>
</template>
<b-dropdown-item :to="`/${data.chain_name}/`">
Summary
</b-dropdown-item>
<b-dropdown-item :to="`/${data.chain_name}/staking`">
Staking
</b-dropdown-item>
<b-dropdown-item :to="`/${data.chain_name}/gov`">
Governance
</b-dropdown-item>
<b-dropdown-item :to="`/${data.chain_name}/uptime`">
Uptime
</b-dropdown-item>
<b-dropdown-item :to="`/${data.chain_name}/statesync`">
State Sync
</b-dropdown-item>
</b-dropdown>
</b-card-title> </b-card-title>
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
@ -104,6 +136,7 @@
/* eslint-disable global-require */ /* eslint-disable global-require */
import { import {
BLink, BAvatar, BRow, BCol, BCard, BCardText, BCardTitle, BNav, BNavItem, BButton, BLink, BAvatar, BRow, BCol, BCard, BCardText, BCardTitle, BNav, BNavItem, BButton,
BDropdown, BDropdownItem,
} from 'bootstrap-vue' } from 'bootstrap-vue'
import Ripple from 'vue-ripple-directive' import Ripple from 'vue-ripple-directive'
import VuexyLogo from '@core/layouts/components/Logo.vue' import VuexyLogo from '@core/layouts/components/Logo.vue'
@ -122,6 +155,8 @@ export default {
BCard, BCard,
BCardText, BCardText,
BCardTitle, BCardTitle,
BDropdown,
BDropdownItem,
BNav, BNav,
BNavItem, BNavItem,
BButton, BButton,