style(logo): change logo file 💄

easy-temps · Jun 22, 2022 · 7d9abaf · 7d9abaf
1 parent 07befe1
commit 7d9abaf
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/assets/logo.png b/src/assets/logo.png
diff --git a/src/views/index.vue b/src/views/index.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="container">
+    <div class="logo"></div>
     <van-cell-group title="Do more difficult things" inset>
       <van-cell center title="🌗 暗黑模式">
         <template #right-icon>
@@ -43,9 +44,18 @@ watch(checked,(val) => {
 .container {
   width: 100vw;
   height: 100vh;
-  padding-top: 80px;
+  padding-top: 30px;
   position: relative;
 
+  .logo {
+    width: 150px;
+    height: 150px;
+    background-image: url('@/assets/logo.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    background-position: center;
+  }
+
   .custom-title {
     margin-right: 4px;
     vertical-align: middle;