huangzhenbao/medical-mall
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整部分页面样式布局

Browse Source
This commit is contained in:
huangzhenbao
2026-02-06 16:37:21 +08:00
parent 57846534bc
commit b6184b4fec
9 changed files with 109 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
pages/mall/admin/setting/system/config.uvue
View File

@@ -1,8 +1,9 @@
<template>
<view class="system-settings-page">
<view class="settings-card">
<!-- 顶部导航标签 (1:1 复刻 CRMEB: 横向排列) -->
<view class="tabs-container">
<view class="admin-page">
<view class="admin-sections">
<view class="admin-card settings-card">
<!-- 顶部导航标签 (1:1 复刻 CRMEB: 横向排列) -->
<view class="tabs-container">
<scroll-view class="tabs-scroll" scroll-x="true" show-scrollbar="false" :enable-flex="true">
<view class="tabs-bar">
<view
@@ -225,6 +226,7 @@
</view>
</view>
</view>
</view>
</view>
</template>
@@ -277,8 +279,9 @@ const handleSubmit = () => {
</script>
<style scoped>
.system-settings-page { padding: 20px; background-color: #f5f7f9; min-height: 100vh; }
.settings-card { background-color: #fff; border-radius: 4px; padding: 20px; box-shadow: 0 1px 4px rgba(0,21,41,0.08); }
.settings-card {
box-shadow: 0 1px 4px rgba(0,21,41,0.08);
}
/* 核心修复：确保 Tabs 横向排列并且可以滑动 */
.tabs-container { margin-bottom: 30px; border-bottom: 1px solid #e8eaec; width: 100%; overflow: hidden; }