product css update

tj

2025-05-07 bf95e4d3b3e96e9f6ac87a572bcbd223de50e637

 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 ">
@@ -88,19 +88,19 @@
                            <h1 class="text-3xl font-bold mb-6 text-black">云游四方操作系统</h1>
                            <div class="row justify-content-center d-flex align-items-stretch p-1 ">
                                <!-- Left Image (1 column) -->
                                <div class="col-12 col-md-2 mb-4">
                                <div class="col-2 col-md-2 mb-4">
                                    <img src="https://portal2.tos-cn-beijing.volces.com/portal/product-center/产品背景.png"
                                        alt="图1" class="w-100 h-100 object-cover rounded-lg" />
                                </div>

                                <!-- Middle Image (3 columns) -->
                                <div class="col-12 col-md-8 mb-4">
                                <div class="col-8 col-md-8 mb-4">
                                    <img src="https://portal2.tos-cn-beijing.volces.com/portal/product-center/产品背景2.png"
                                        alt="图2" class="w-100 h-100 object-cover rounded-lg" />
                                </div>

                                <!-- Right Image (1 column) -->
                                <div class="col-12 col-md-2 mb-4">
                                <div class="col-2 col-md-2 mb-4">
                                    <img src="https://portal2.tos-cn-beijing.volces.com/portal/product-center/产品背景图3.jpg"
                                        alt="图3" class="w-100 h-100 object-cover rounded-lg" />
                                </div>
@@ -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" />