style:报表/管理/我的-菜单样式调整

master
黄伟杰 3 weeks ago
parent 207d049205
commit 88a33faf37

@ -1,11 +1,11 @@
<template> <template>
<view class="page-container"> <view class="page-container">
<view class="header-section"> <view v-if="showHeader" class="header-section">
<text class="header-title">{{ title }}</text> <text class="header-title">{{ title }}</text>
<text class="header-subtitle">{{ subtitle }}</text> <text class="header-subtitle">{{ subtitle }}</text>
</view> </view>
<view v-if="searchable" class="search-section"> <view v-if="searchable && showSearch" class="search-section">
<view class="search-wrapper"> <view class="search-wrapper">
<view class="search-icon"> <view class="search-icon">
<text class="iconfont icon-search"></text> <text class="iconfont icon-search"></text>
@ -98,6 +98,14 @@ const props = defineProps({
type: Boolean, type: Boolean,
default: false default: false
}, },
showHeader: {
type: Boolean,
default: true
},
showSearch: {
type: Boolean,
default: true
},
showGoTop: { showGoTop: {
type: Boolean, type: Boolean,
default: false default: false

@ -33,7 +33,7 @@
<view>{{ t('mine.editProfile') }}</view> <view>{{ t('mine.editProfile') }}</view>
</view> </view>
</view> </view>
<view class="list-cell list-cell-arrow" @click="handleHelp"> <!-- <view class="list-cell list-cell-arrow" @click="handleHelp">
<view class="menu-item-box"> <view class="menu-item-box">
<view class="iconfont icon-help menu-icon"></view> <view class="iconfont icon-help menu-icon"></view>
<view>{{ t('mine.faq') }}</view> <view>{{ t('mine.faq') }}</view>
@ -44,7 +44,7 @@
<view class="iconfont icon-aixin menu-icon"></view> <view class="iconfont icon-aixin menu-icon"></view>
<view>{{ t('mine.about') }}</view> <view>{{ t('mine.about') }}</view>
</view> </view>
</view> </view> -->
<view class="list-cell list-cell-arrow" @click="handleToSetting"> <view class="list-cell list-cell-arrow" @click="handleToSetting">
<view class="menu-item-box"> <view class="menu-item-box">
<view class="iconfont icon-setting menu-icon"></view> <view class="iconfont icon-setting menu-icon"></view>

@ -33,7 +33,7 @@
<view>{{ t('mine.editProfile') }}</view> <view>{{ t('mine.editProfile') }}</view>
</view> </view>
</view> </view>
<view class="list-cell list-cell-arrow" @click="handleHelp"> <!-- <view class="list-cell list-cell-arrow" @click="handleHelp">
<view class="menu-item-box"> <view class="menu-item-box">
<view class="iconfont icon-help menu-icon"></view> <view class="iconfont icon-help menu-icon"></view>
<view>{{ t('mine.faq') }}</view> <view>{{ t('mine.faq') }}</view>
@ -44,7 +44,7 @@
<view class="iconfont icon-aixin menu-icon"></view> <view class="iconfont icon-aixin menu-icon"></view>
<view>{{ t('mine.about') }}</view> <view>{{ t('mine.about') }}</view>
</view> </view>
</view> </view> -->
<view class="list-cell list-cell-arrow" @click="handleToSetting"> <view class="list-cell list-cell-arrow" @click="handleToSetting">
<view class="menu-item-box"> <view class="menu-item-box">
<view class="iconfont icon-setting menu-icon"></view> <view class="iconfont icon-setting menu-icon"></view>
@ -158,7 +158,7 @@ page {
min-height: 100vh; min-height: 100vh;
.header-section { .header-section {
padding: 15px 15px 45px 15px; padding: 15px;
background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%); background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%);
color: white; color: white;
@ -186,11 +186,15 @@ page {
} }
.content-section { .content-section {
position: relative; // position: relative;
top: -50px; // top: -50px;
.menu-list{
margin: 0;
}
.mine-actions { .mine-actions {
margin: 15px 15px; // margin: 15px 15px;
padding: 20px 0px; padding: 20px 0px;
border-radius: 8px; border-radius: 8px;
background-color: white; background-color: white;
@ -247,29 +251,5 @@ page {
} }
} }
} }
.content-section {
position: relative;
top: -50px;
.mine-actions {
margin: 15px 15px;
padding: 20px 0px;
border-radius: 8px;
background-color: white;
.action-item {
.icon {
font-size: 28px;
}
.text {
display: block;
font-size: 13px;
margin: 8px 0px;
}
}
}
}
} }
</style> </style>

@ -6,6 +6,8 @@
page-path="pages/report" page-path="pages/report"
title="报表中心" title="报表中心"
subtitle="数据驱动决策 · 智能分析" subtitle="数据驱动决策 · 智能分析"
:show-header="false"
:show-search="false"
:safe-bottom="true" :safe-bottom="true"
/> />
<TabBar /> <TabBar />

@ -1,10 +1,10 @@
<template> <template>
<view class="page-container"> <view class="page-container">
<NavBar :title="pageTitle" /> <NavBar :title="pageTitle" />
<PermissionMenuPage class="flex-fill" page-path="pages/work" title="管理中心" subtitle="系统配置与管理" :searchable="true" <PermissionMenuPage class="flex-fill" page-path="pages/work" title="管理中心" subtitle="系统配置与管理" :searchable="true"
:show-go-top="true" :safe-bottom="true" /> :show-header="false" :show-search="false" :show-go-top="true" :safe-bottom="true" />
<TabBar /> <TabBar />
</view> </view>
</template> </template>
<script setup> <script setup>
@ -20,14 +20,14 @@ const pageTitle = computed(() => t('tab.work'))
<style lang="scss" scoped> <style lang="scss" scoped>
.page-container { .page-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100vh; height: 100vh;
background-color: #f5f6f7; background-color: #f5f6f7;
} }
.flex-fill { .flex-fill {
flex: 1; flex: 1;
overflow: visible; overflow: visible;
} }
</style> </style>
Loading…
Cancel
Save