From 82b381c0e617d68024e72b65e256479a5dafaa55 Mon Sep 17 00:00:00 2001
From: xiaoheiiskinder <11674173+xiaohei102908@user.noreply.gitee.com>
Date: Sat, 23 Sep 2023 11:37:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=BA=86=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E5=85=BC=E5=AE=B9=E6=80=A7=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 montier/src/pages/Productmessage.vue | 99 ++++++++++++++++++++++++++++++++++++
 1 file changed, 99 insertions(+)

diff --git a/montier/src/pages/Productmessage.vue b/montier/src/pages/Productmessage.vue
index 935cc3b..cff689a 100644
--- a/montier/src/pages/Productmessage.vue
+++ b/montier/src/pages/Productmessage.vue
@@ -2415,6 +2415,105 @@ onMounted(() => {
 
 
 @media screen and (max-width: 960px) {
+    .accessories{
+        flex-direction: column;
+        .accessories-left{
+            width: 100%;
+            span{
+                padding: 5px;
+                font-size: 18px;
+            }
+        }
+        .accessories-right{
+            width: 100%;
+            .right-header{
+                padding: 5px;
+                box-sizing: border-box;
+            }
+            .right-bottom{
+                h3,h5{
+                    margin-top: 10px;
+                    margin-left: 10%;
+                }
+                .bottom-colors{
+                    margin-bottom: 1rem;
+                }
+            }
+        }
+    }
+    .cabinet{
+        .cabinet-header{
+            flex-direction: column;
+            img{
+                width: 100%;
+                height: 100%;
+            }
+            .header-right{
+                width: 100%;
+                height: 100%;
+                padding: 10px;
+                h1{
+                    margin-top: 5px;
+                    margin-bottom: 5px;
+                }
+                span{
+                    font-size: 12px !important;
+                }
+                .right-options{
+                    margin-top: 10px;
+                    .options-list{
+                        flex-wrap: wrap;
+                        .options-item{
+                            height: 25vw;
+                            width: 45%;
+                            margin-bottom: 10px;
+                            span{
+                                font-size: 12px;
+                                padding: 5px;
+                            }
+                        }
+                    }
+                }
+                .tips{
+                    padding: 5px;
+                    font-size: 18px;
+                }
+                .quality{
+                    margin-top: 20px;
+                    .icons-list{
+                        margin-top: 10px;
+                    }
+                }
+            }
+        }
+    }
+    .panel{
+        .panel-list{
+            flex-direction: column;
+            .list-item{
+                width: 100%;
+                height: 100%;
+            }
+            .panel-item{
+                width: 100%;
+                height: 100%;
+                padding: 10px;
+                h1{
+                    margin: 10px 0;
+                }
+                .right-color{
+                    margin-top: 10px;
+                    padding: 5px;
+                    .color-list{
+                        margin-top: 15px;
+                    }
+                }
+                .right-icon{
+                    margin-top: 10px;
+                }
+            }
+        }
+    }
     .shower{
         .shower-header{
             flex-direction: column;