93 lines
1.7 KiB
Plaintext
93 lines
1.7 KiB
Plaintext
<template>
|
|
<view class="content">
|
|
<view class="page-body">
|
|
<u-empty text="排行榜"></u-empty>
|
|
</view>
|
|
<u-tabbar
|
|
:list="tabbarList"
|
|
:hideTabBar="true"
|
|
activeColor="#FD5401"
|
|
inactiveColor="#5D533D"
|
|
:borderTop="false"
|
|
height="120rpx"
|
|
iconSize="48"
|
|
></u-tabbar>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
tabbarList: [
|
|
{
|
|
pagePath: "/pages/index/index",
|
|
iconPath: "/static/shouye.png",
|
|
selectedIconPath: "/static/shouye_select.png",
|
|
text: "首页"
|
|
},
|
|
{
|
|
pagePath: "/pages/ranking/ranking",
|
|
iconPath: "/static/paihangbang.png",
|
|
selectedIconPath: "/static/paihangbang_select.png",
|
|
text: "排行榜"
|
|
},
|
|
{
|
|
pagePath: "/pages/records/records",
|
|
iconPath: "/static/zhongjiangjilu.png",
|
|
selectedIconPath: "/static/zhongjiangjilu_select.png",
|
|
text: "中将记录"
|
|
},
|
|
{
|
|
pagePath: "/pages/profile/profile",
|
|
iconPath: "/static/wode.png",
|
|
selectedIconPath: "/static/wode_select.png",
|
|
text: "我的"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
page {
|
|
background-color: #F8F8F8;
|
|
}
|
|
|
|
.content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100vh;
|
|
}
|
|
|
|
.page-body {
|
|
flex: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
::v-deep .u-tabbar__content {
|
|
background: linear-gradient(to bottom, #FFEBBC, #FFD67E) !important;
|
|
}
|
|
|
|
::v-deep .u-tabbar__content__item {
|
|
background: linear-gradient(to bottom, #FFEBBC, #FFD67E) !important;
|
|
}
|
|
|
|
::v-deep .u-tabbar {
|
|
.u-border-top {
|
|
border-top: none !important;
|
|
}
|
|
}
|
|
|
|
::v-deep .u-icon__img {
|
|
object-fit: contain !important;
|
|
}
|
|
|
|
::v-deep .u-tabbar__content__item {
|
|
padding: 16rpx 0 !important;
|
|
}
|
|
</style>
|