|
@@ -7,7 +7,7 @@
|
|
<svg-icon class="search-icon" name="search" />
|
|
<svg-icon class="search-icon" name="search" />
|
|
<van-field v-model="searchValue" placeholder="输入DApp名称或网址" />
|
|
<van-field v-model="searchValue" placeholder="输入DApp名称或网址" />
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<van-swipe class="swipe-box" :autoplay="3000" lazy-render>
|
|
<van-swipe class="swipe-box" :autoplay="3000" lazy-render>
|
|
<van-swipe-item v-for="item in slidesList" :key="item.id">
|
|
<van-swipe-item v-for="item in slidesList" :key="item.id">
|
|
<div class="swipe-item">
|
|
<div class="swipe-item">
|
|
@@ -49,7 +49,8 @@
|
|
</van-tab>
|
|
</van-tab>
|
|
</van-tabs>
|
|
</van-tabs>
|
|
|
|
|
|
- <van-tabs v-model="activeTab" @change="onTabChange" class="tabs-wrapper">
|
|
|
|
|
|
+ <van-skeleton v-if="chainTypes.length == 0" title :row="6" />
|
|
|
|
+ <van-tabs v-else v-model="activeTab" @change="onTabChange" class="tabs-wrapper">
|
|
<!-- 全部 -->
|
|
<!-- 全部 -->
|
|
<van-tab title="全部" name="ALL">
|
|
<van-tab title="全部" name="ALL">
|
|
<template #default>
|
|
<template #default>
|
|
@@ -84,9 +85,9 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</van-tab>
|
|
</van-tab>
|
|
-
|
|
|
|
|
|
+
|
|
<!-- 单链标签 -->
|
|
<!-- 单链标签 -->
|
|
- <van-tab
|
|
|
|
|
|
+ <van-tab
|
|
v-for="chain in chainTypes"
|
|
v-for="chain in chainTypes"
|
|
:title="chain"
|
|
:title="chain"
|
|
:name="chain"
|
|
:name="chain"
|
|
@@ -313,8 +314,7 @@ onMounted(async () => {
|
|
|
|
|
|
.tabs-wrapper-card {
|
|
.tabs-wrapper-card {
|
|
height: 130px;
|
|
height: 130px;
|
|
- margin-top: 40px;
|
|
|
|
-
|
|
|
|
|
|
+ margin-top: 40px;
|
|
:deep(.van-tabs__nav) {
|
|
:deep(.van-tabs__nav) {
|
|
padding: 3px;
|
|
padding: 3px;
|
|
background: #f2f2f2;
|
|
background: #f2f2f2;
|