首页

songhua-ui/src/views/index.vue

@@ -1,86 +1,51 @@
 <template>
-  <div class="app-container home">
+  <div class="image-container">
+    <div class="image-wrapper">
+      <img src="@/assets/images/yc.png" alt="Image 1" />
+      <button class="btn" @click="shipHandler">游船系统</button>
+    </div>
+    <div class="image-wrapper">
+      <img src="@/assets/images/pw.png" alt="Image 2" />
+      <button class="btn" @click="ticketHandler">票务系统</button>
+    </div>
   </div>
 </template>
-
 <script>
 export default {
   name: "Index",
   data() {
-    return {
-      // 版本号
-      version: "3.8.7"
-    };
+    return {};
   },
   methods: {
-    goTarget(href) {
-      window.open(href, "_blank");
-    }
+    shipHandler() {
+      window.open("http://localhost/songhuaIndex1");
+    },
+    ticketHandler(){
+      window.open("http://dsj.1230t.com/");
+    },
   }
 };
 </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;
-  }
-
-  ul {
-    padding: 0;
-    margin: 0;
-  }
-
-  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  color: #676a6c;
-  overflow-x: hidden;
-
-  ul {
-    list-style-type: none;
-  }
-
-  h4 {
-    margin-top: 0px;
-  }
-
-  h2 {
-    margin-top: 10px;
-    font-size: 26px;
-    font-weight: 100;
-  }
+.image-container {
+  display: flex;
+  justify-content: space-between;
+}
 
-  p {
-    margin-top: 10px;
+.image-wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
 
-    b {
-      font-weight: 700;
-    }
-  }
+.image-wrapper img {
+  max-width: 100%;
+  height: auto;
+}
 
-  .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;
-    }
-  }
+.btn {
+  margin-top: 10px;
 }
 </style>