首页调整

src/App.vue

@@ -24,12 +24,11 @@
 <style lang="scss">
     #app {
         font-family: "Helvetica Neue",Helvetica,Arial,"微软雅黑",sans-serif;
-        font-size: 16px;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         color: #2C3E50;
         display: flex;
-        justify-content: center;
         align-content: center;
+        min-width: 1240px;
     }
 </style>

src/assets/css/cus-website/cus-website-common.scss

@@ -1,7 +1,12 @@
 @import "../base/utils";
 
 /************************ 通用class样式 author: TX  date:2020-07-30 **********************/
-
+/* 页面样式 */
+body, html, #app {
+  padding: 0;
+  margin: 0;
+  @include setFontStyle(0);
+}
 /* 去掉列表前的标识, li 会继承 */
 ol,ul,dl,dt,dd{list-style:none;margin: 0;padding: 0;}
 

src/assets/css/cus-website/cus-website-page.scss

@@ -5,7 +5,6 @@
   /********  describe: 网站首页  author: TX  date:2020-07-30  ********/
   .website-index-page{
      width: 100%;
-     min-width: 1240px;
     /* 网站banner */
     .website-banner{
       width: 100%;
@@ -300,7 +299,7 @@
         background: #FFFFFF;
         border-radius: 8px;
         .website-img-box{
-          width: 200px;
+          width: 25%;
           height: 360px;
           background-repeat: no-repeat;
           background-size: cover;
@@ -309,20 +308,23 @@
           float: left;
         }
         .website-content-box{
-          margin-left: 200px;
+          margin-left: 25%;
           padding:32px;
-          h1{@include setFontStyle(2);color: rgba(0,0,0,0.85);margin-bottom: 16px;}
-          p{@include setFontStyle(-4);color: rgba(0,0,0,0.64);line-height: 24px;@include multi-line-ellipsis(9);min-height: 200px;margin-bottom: 24px;}
-          a{width: 132px;height: 32px;line-height:32px;display: inline-block;@include setFontStyle(-4);background: #2B5CFD;border-radius: 4px;color: rgba(255,255,255,0.85);text-align: center}
+          height: inherit;
+          box-sizing: border-box;
+          position: relative;
+          h1{@include setFontStyle(2);color: rgba(0,0,0,0.85);margin-bottom: 16px;@include multi-line-ellipsis(2);line-height: 30px;}
+          p{@include setFontStyle(-4);color: rgba(0,0,0,0.64);line-height: 24px;@include multi-line-ellipsis(6);margin-bottom: 24px;}
+          a{width: 132px;height: 32px;line-height:32px;display: inline-block;@include setFontStyle(-4);background: #2B5CFD;border-radius: 4px;color: rgba(255,255,255,0.85);text-align: center;
+          position: absolute;bottom: 32px;}
         }
       }
       .el-carousel__item.is-active{
         height: 350px;
         box-shadow: 0 4px 8px 0 rgba(214, 214, 214, 0.76);
-        .website-img-box{width: 400px;}
+        .website-img-box{width: 50%;}
         .website-content-box{
-          margin-left: 400px;
-          p{@include multi-line-ellipsis(9);}
+          margin-left: 50%;
         }
       }
       //指示器