fix: 首页图片

bs-ui/src/views/index.vue

@@ -1,5 +1,18 @@
 <template>
-  <div class="app-container home">
+  <div class="app-container">
+    <div class="left-container">
+      <!-- <el-carousel height="300px">
+        <el-carousel-item v-for="item in 4" :key="item">
+          <div></div>
+          <div></div>
+        </el-carousel-item>
+      </el-carousel> -->
+
+
+    </div>
+    <div class="right-container">
+
+    </div>
   </div>
 </template>
 
@@ -8,78 +21,28 @@ export default {
   name: "Index",
   data() {
     return {
-      // 版本号
-      version: "3.8.6"
     };
   },
   methods: {
-    goTarget(href) {
-      window.open(href, "_blank");
-    }
   }
 };
 </script>
 
 <style scoped lang="scss">
-.home {
-  blockquote {
-    padding: 10px 20px;
-    margin: 0 0 20px;
-    font-size: 17.5px;
-    border-left: 5px solid #eee;
-  }
-  hr {
-    margin-top: 20px;
-    margin-bottom: 20px;
-    border: 0;
-    border-top: 1px solid #eee;
-  }
-  .col-item {
-    margin-bottom: 20px;
-  }
+.app-container {
+  display: flex;
 
-  ul {
-    padding: 0;
-    margin: 0;
-  }
+  .left-container {
+    width: 400px;
 
-  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  color: #676a6c;
-  overflow-x: hidden;
-
-  ul {
-    list-style-type: none;
+    .image {
+      width: 100%;
+      height: 100%;
     }
-
-  h4 {
-    margin-top: 0px;
   }
 
-  h2 {
-    margin-top: 10px;
-    font-size: 26px;
-    font-weight: 100;
-  }
-
-  p {
-    margin-top: 10px;
-
-    b {
-      font-weight: 700;
-    }
-  }
-
-  .update-log {
-    ol {
-      display: block;
-      list-style-type: decimal;
-      margin-block-start: 1em;
-      margin-block-end: 1em;
-      margin-inline-start: 0;
-      margin-inline-end: 0;
-      padding-inline-start: 40px;
-    }
+  .right-container {
+    flex: 1;
   }
 }
 </style>