This commit is contained in:
liuye
2022-05-19 14:07:27 +08:00
parent 2cc8864afe
commit 83612a66e3
4 changed files with 11 additions and 9 deletions

View File

@@ -5,10 +5,10 @@
<div class="header-tab"> <div class="header-tab">
<div class="tab-item" v-for="(item, index) in tabList" :key="index" @click="tabClick(index)">{{ item }}<span class="active-line" v-if="tabIndex == index"></span></div> <div class="tab-item" v-for="(item, index) in tabList" :key="index" @click="tabClick(index)">{{ item }}<span class="active-line" v-if="tabIndex == index"></span></div>
</div> </div>
<family-rank v-if="tabIndex == 0" :showDetail="showDetail"></family-rank>
<user-rank v-if="tabIndex == 1" :showDetail="showDetail"></user-rank>
<work-rank v-if="tabIndex == 2"></work-rank>
</div> </div>
<family-rank v-if="tabIndex == 0" :showDetail="showDetail"></family-rank>
<user-rank v-if="tabIndex == 1" :showDetail="showDetail"></user-rank>
<work-rank v-if="tabIndex == 2"></work-rank>
</div> </div>
</div> </div>
</template> </template>

View File

@@ -5,9 +5,9 @@
<div class="header-tab"> <div class="header-tab">
<div class="tab-item" v-for="(item, index) in tabList" :key="index" @click="tabClick(index)">{{ item }}<span class="active-line" v-if="tabIndex == index"></span></div> <div class="tab-item" v-for="(item, index) in tabList" :key="index" @click="tabClick(index)">{{ item }}<span class="active-line" v-if="tabIndex == index"></span></div>
</div> </div>
<family-rank v-if="tabIndex == 0" :showDetail="showDetail"></family-rank>
<user-rank v-if="tabIndex == 1" :showDetail="showDetail"></user-rank>
</div> </div>
<family-rank v-if="tabIndex == 0" :showDetail="showDetail"></family-rank>
<user-rank v-if="tabIndex == 1" :showDetail="showDetail"></user-rank>
</div> </div>
</div> </div>
</template> </template>

View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="page"> <div class="pages">
<div class="bg-blue"></div> <div class="bg-blue"></div>
<div class="header-content"> <div class="header-content">
<div class="item"> <div class="item">
@@ -118,9 +118,10 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.page { .pages {
width: 100vw; width: 100vw;
overflow-x: hidden; overflow-x: hidden;
height: calc(100% - 136px);
background-color: #f3f6f9; background-color: #f3f6f9;
.bg-blue { .bg-blue {

View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="page"> <div class="pages">
<div class="bg-blue"></div> <div class="bg-blue"></div>
<div class="header-content"> <div class="header-content">
<div class="item"> <div class="item">
@@ -122,10 +122,11 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.page { .pages {
width: 100vw; width: 100vw;
overflow-x: hidden; overflow-x: hidden;
background-color: #f3f6f9; background-color: #f3f6f9;
height: calc(100% - 136px);
.bg-blue { .bg-blue {
width: 100%; width: 100%;