dianyang
/
colmo-h5
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

fi

Baozhangchao 3 years ago
parent
1b4843c5fe
commit
ed1a592e55
13 changed files with 63 additions and 27 deletions
Split View Show Diff Stats
  1. 21
    10
      index.html
  2. 2
    0
      src/App.vue
  3. BIN
      src/assets/fourBoxes/1.jpg
  4. BIN
      src/assets/fourBoxes/客厅-2.png
  5. BIN
      src/assets/fourBoxes/客厅.png
  6. BIN
      src/assets/fourBoxes/浴室-2.png
  7. BIN
      src/assets/fourBoxes/浴室.png
  8. BIN
      src/assets/fourBoxes/衣帽间-2.png
  9. BIN
      src/assets/fourBoxes/衣帽间.png
  10. BIN
      src/assets/fourBoxes/阳台-2.png
  11. BIN
      src/assets/fourBoxes/阳台.png
  12. 5
    14
      src/pages/IndexImage.vue
  13. 35
    3
      src/pages/index.vue

+ 21
- 10
index.html View File 

@@ -1,12 +1,23 @@
1 1 
 <!DOCTYPE html>
2 2 
 <html>
3 
-  <head>
4 
-    <meta charset="utf-8">
5 
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
6 
-    <title>cpmloh5</title>
7 
-  </head>
8 
-  <body>
9 
-    <div id="app"></div>
10 
-    <!-- built files will be auto injected -->
11 
-  </body>
12 
-</html>
3 
+
4 
+<head>
5 
+  <meta charset="utf-8">
6 
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
7 
+  <title>cpmloh5</title>
8 
+
9 
+</head>
10 
+
11 
+<body>
12 
+  <style>
13 
+    html,
14 
+    body {
15 
+      margin: 0;
16 
+      padding: 0;
17 
+    }
18 
+  </style>
19 
+  <div id="app"></div>
20 
+  <!-- built files will be auto injected -->
21 
+</body>
22 
+
23 
+</html>

+ 2
- 0
src/App.vue View File 

@@ -10,3 +10,5 @@ export default {
10 10 
 }
11 11 
 </script>
12 12
13 
+<style lang="scss" scoped>
14 
+</style>

BIN
src/assets/fourBoxes/1.jpg View File


BIN
src/assets/fourBoxes/客厅-2.png View File


BIN
src/assets/fourBoxes/客厅.png View File


BIN
src/assets/fourBoxes/浴室-2.png View File


BIN
src/assets/fourBoxes/浴室.png View File


BIN
src/assets/fourBoxes/衣帽间-2.png View File


BIN
src/assets/fourBoxes/衣帽间.png View File


BIN
src/assets/fourBoxes/阳台-2.png View File


BIN
src/assets/fourBoxes/阳台.png View File


+ 5
- 14
src/pages/IndexImage.vue
File diff suppressed because it is too large
View File


+ 35
- 3
src/pages/index.vue View File 

@@ -1,7 +1,12 @@
1 1 
 <template>
2 2 
   <div>
3 
-    <h1>aaaaaaaaaaaaaaaa</h1>
4 
-    <index-image></index-image>
3 
+    <div class="index-image">
4 
+      <!-- <index-image></index-image> -->
5 
+      <img src="../assets/index/1.jpg" class="bg-image" />
6 
+      <div class="bth-div">
7 
+        <img src="../assets/index/点击开启.png" class="bth-image" />
8 
+      </div>
9 
+    </div>
5 10 
   </div>
6 11 
 </template>
7 12 
 
@@ -13,5 +18,32 @@ export default {
13 18 
 }
14 19 
 </script>
15 20
16 
-<style>
21 
+<style lang="scss" scoped>
22 
+.index-image {
23 
+  // background-color: #1d429d;
24 
+
25 
+  display: flex;
26 
+  align-items: center;
27 
+  overflow: hidden;
28 
+
29 
+  .bg-image {
30 
+    width: 100%;
31 
+  }
32 
+  .bth-div {
33 
+    position: absolute;
34 
+    width: 184px;
35 
+    height: 49px;
36 
+    bottom: 77px;
37 
+    /* margin: 0 auto; */
38 
+    /* justify-content: center; */
39 
+    /* margin: 0 auto; */
40 
+    display: flex;
41 
+    left: 94px;
42 
+    align-items: center;
43 
+    .bth-image {
44 
+      width: 100%;
45 
+      height: 100%;
46 
+    }
47 
+  }
48 
+}
17 49 
 </style>