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

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

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

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

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

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

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