首页样式

src/dashoo.cn/frontend_web/src/assets/styles/modules/global.scss

@@ -74,10 +74,10 @@ body {
 
     > .content {
       flex: 1;
-      margin: 0 $content-margin 0 0;
+      /*margin: 0 $content-margin 0 0;*/
       overflow: auto;
-      border-top-left-radius: $content-margin * .6;
-      border-top-right-radius: $content-margin * .6;
+      /*border-top-left-radius: $content-margin * .6;
+      border-top-right-radius: $content-margin * .6;*/
       background-color: $content-background;
       color: $content-color;
       font-size: .875rem;

src/dashoo.cn/frontend_web/src/pages/login.vue

@@ -30,32 +30,18 @@
       </el-menu>
     </div>
 
-    <div class="back-width1" style="margin-top: 20px; ">
-      <div class="login-body1">
-        <!--<section class="login">
-          &lt;!&ndash;<el-form class="login-form" auto-complete="off" ref="user" label-position="top">
-            <h2 class="heading">登录</h2>
-
-            <el-button type="primary" :loading="loading">登录</el-button>
-          </el-form>&ndash;&gt;
-          <el-row style="margin: 0px auto;">
-            <el-col :span="12"><el-button type="info" round>我是供应商</el-button></el-col>
-            <el-col :span="12"><el-button type="primary" plain round>我是管理员</el-button></el-col>
-          </el-row>
-
-        </section>-->
-        <el-carousel indicator-position="outside">
-          <el-carousel-item key="1">
-            <div class="show-img"></div>
-          </el-carousel-item>
-          <el-carousel-item key="2">
-            <div class="show-img"></div>
-          </el-carousel-item>
-          <el-carousel-item key="3">
-            <div class="show-img"></div>
-          </el-carousel-item>
-        </el-carousel>
-      </div>
+    <div class="back-width1" style="margin-top: 10px">
+      <el-carousel>
+        <el-carousel-item key="1">
+          <img src="../assets/img/carousel/a.jpg" style="height: 100%; width: 100%">
+        </el-carousel-item>
+        <el-carousel-item key="2">
+          <img src="../assets/img/carousel/b.jpg" style="height: 100%; width: 100%">
+        </el-carousel-item>
+        <el-carousel-item key="3">
+          <img src="../assets/img/carousel/c.jpg" style="height: 100%; width: 100%">
+        </el-carousel-item>
+      </el-carousel>
     </div>
 
     <div class="components-container home-wrapper">
@@ -93,7 +79,7 @@
     </div>
 
     <div>
-      <footer class="login-footer" style="margin-top: 10px;">
+      <footer class="login-footer1" style="margin-top: 10px;">
         <div class="home-wrapper" style="height: 30px; background-color: transparent; color:#A9A9A9; padding-top: 10px; text-align: right">
           ©大港油田信息中心 版权所有
         </div>
@@ -213,38 +199,10 @@ export default {
   right: 0;
   top: 20px;
   width: 1400px;
-  /*width: 100%;*/
-  height: 350px;
-}
-
-.show-img {
-  background: url("../assets/img/tian.png") no-repeat left 50%;
-  font-family: 'Open Sans', sans-serif;
-  /*background-color: #2469E8;*/
-  background-size: cover;
-  margin: auto;
-  width: 1400px;
-  height: 350px;
 }
 
-.login-body1 {
-  /*background-size: cover;
-  -webkit-background-size: cover;
-  -moz-background-size: cover;
-  -o-background-size: cover;*/
-  /*min-height: 1050px;*/
-  background-color: #EEF1F6;
-  margin: auto;
-  width: 1400px;
-  height: 350px;
-  /*
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;*/
-}
 
-.login-footer {
+.login-footer1 {
   background-color: #34393D;
   font-size: 10px;
   clear: both;
@@ -253,66 +211,10 @@ export default {
   margin: 0px auto;
   bottom: 10px;
   width: 100%;
-
-a {
-  color: $brand-color;
-}
-}
-
-.login {
-  /*flex: 1;
-  width: 100%;*/
-  position: relative;
-  max-width: 22rem;
-  top: 230px;
-  left: 50px;
-  font-size: 0.875rem;
-  opacity: 0.9;
-
-&-header {
-   margin-bottom: 1rem;
-
-.brand {
-  margin: 4.5rem 0 3.5rem;
-  text-align: center;
-  letter-spacing: 0.125rem;
-
-a {
-  margin: 0;
-  color: $brand-color;
-  font: 300 3rem sans-serif;
-
-&:hover {
-   color: $brand-hover-color;
-   text-shadow: 0 0 1rem $brand-hover-color;
- }
-}
-}
-}
-
-&-form {
-   margin-bottom: 2.5rem;
-   padding: 1.875rem 1.25rem;
-   background: $login-form-background;
-   color: $login-form-color;
-
-.heading {
-  margin: 0 0 1rem;
-  font-weight: 400;
-  font-size: 1.5rem;
-}
-
-.el-button {
-  margin-top: 0.5rem;
-  width: 100%;
-}
-}
-
-
+  a {
+    color: $brand-color;
+  }
 }
 
-.nuxt-progress {
-  display: none;
-}
 
 </style>