From 88ca0a435ecc2b6608809cb9cd69b6a2bb0d42fe Mon Sep 17 00:00:00 2001
From: tj <1378534974@qq.com>
Date: 星期三, 30 四月 2025 12:11:22 +0800
Subject: [PATCH] D:/devInstall/Git/product css

---
 src/components/MainLayout.vue |    5 +++--
 src/pages/Product.vue         |   10 ++++------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/MainLayout.vue b/src/components/MainLayout.vue
index 031946d..b4750f3 100644
--- a/src/components/MainLayout.vue
+++ b/src/components/MainLayout.vue
@@ -1,6 +1,6 @@
 <template>
     <HeaderMenu />
-    <router-view style="margin-top: 62px;" />
+    <router-view style="margin-top: 70px;" />
     <Footer></Footer>
   </template>
   
@@ -12,4 +12,5 @@
   
   </script>
   <style scoped>
-  </style>
\ No newline at end of file
+  </style>
+
diff --git a/src/pages/Product.vue b/src/pages/Product.vue
index cbfe2ad..f7494fb 100644
--- a/src/pages/Product.vue
+++ b/src/pages/Product.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="container-fluid">
+    <div class="main-layout">
         <div class="row">
             <!-- Left Sidebar, visible on medium and larger screens -->
             <div class="col-md-3 d-none d-md-block p-3">
@@ -34,7 +34,7 @@
 
             </div>
 
-            <div class="col-md-3 d-block d-md-none p-3">
+            <div class="col-md-3 d-block d-md-none p-3" >
                 <el-drawer v-model="drawerVisible" title="所有产品" direction="ltr" size="250px">
                     <el-menu :default-active="activeIndex" class="border-0" @select="handleSelect" @open="handleOpen"
                         @close="handleClose">
@@ -70,7 +70,7 @@
 
 
             <!-- Main Content Area -->
-            <div class="col-12 col-md-9 p-3">
+            <div class="col-12 col-md-9 p-3" style="overflow-y: auto; max-height: 100vh;" >
                 <!-- Upper Layer -->
                 <div class="mb-3">
                     <div class="border-b border-gray-200 p-1 text-center ">
@@ -112,7 +112,7 @@
                 </div>
 
                 <!-- Lower Layer -->
-                <div>
+                <div class="mb-5">
                     <div class="text-start">
                         <h5>推荐产品</h5>
                     </div>
@@ -165,8 +165,6 @@
         <!-- <button class="btn btn-primary rounded-circle floating-btn" @click="handleClick">
             <i class="bi bi-list fs-3 floating-btn"></i>
          </button> -->
-
-
         <img :src="menuIcon" alt="icon" 
         style="width: 30px; height: 30px;" class="floating-btn d-block d-md-none" @click="handleClick" />
 

--
Gitblit v1.9.3