Browse Source

食品餐饮详情页响应式开发

tanxue 3 years ago
parent
commit
9a511c78bf
1 changed files with 17 additions and 0 deletions
  1. 17 0
      assets/scss/cus-client/cus-client-page.scss

+ 17 - 0
assets/scss/cus-client/cus-client-page.scss

@@ -1302,6 +1302,23 @@
       .change-content-left{background-image: url("~static/images/client/industrydetails/restaurant-left-bg.png");margin-right: 90px;}
       .change-content-right{background-image: url("~static/images/client/industrydetails/restaurant-right-bg.png");}
     }
+    @media (max-width: 768px) {
+      // 我们的系统为您改变了什么
+      .restaurant-change-box{
+        background-color: rgb(238, 238, 238);padding: 0 15px 30px;
+        .mt48{margin-top: 20px;}
+        .industrydetails-content img{margin-top: -85px;}
+        .change-content-left,.change-content-right{
+          width: 100%;height:unset;box-sizing: border-box;margin-bottom: 20px;background-image: unset;float: unset;margin: 0 0 20px;
+          ul{margin: 0;}
+          h5{height: unset;line-height: unset;color: #fff;}
+          p{@include setFontStyle(-6);color: rgba(255, 255, 255, 1);line-height: 24px;}
+          i{border-color: #fff;opacity: 1;}
+        }
+        .change-content-left{background-color: rgb(240, 112, 112);padding: 20px 16px;}
+        .change-content-right{background-color: rgb(255, 207, 78);padding: 60px 16px 16px;}
+      }
+    }
   }
 
   /********  describe: 医疗卫生-详情页  author: TX  date:2020-09-03  ********/