فهرست منبع

feat(init): update

gemercheung 1 سال پیش
والد
کامیت
94809f8626
3فایلهای تغییر یافته به همراه15 افزوده شده و 3 حذف شده
  1. BIN
      src/assets/images/guide/btn.png
  2. BIN
      src/assets/images/guide/title.png
  3. 15 3
      src/pages/cover.vue

BIN
src/assets/images/guide/btn.png


BIN
src/assets/images/guide/title.png


+ 15 - 3
src/pages/cover.vue

@@ -1,6 +1,8 @@
 <template>
     <div class="cover" :style="{ backgroundImage: `url(${require('@/assets/images/guide/bg.jpg')})` }">
-        <div class="btn" @click="handleEnter">进入预案</div>
+        <div class="btn" :style="{ backgroundImage: `url(${require('@/assets/images/guide/btn.png')})` }"
+            @click="handleEnter"></div>
+        <img class="title" :src="require('@/assets/images/guide/title.png')">
     </div>
 </template>
 <script setup>
@@ -21,14 +23,24 @@ const handleEnter = () => {
     z-index: 100000;
     background-size: cover;
 
+    .title {
+        position: absolute;
+        top: 60px;
+        right: 60px;
+    }
+
     .btn {
-        background-color: rgba($color: #000000, $alpha: 0.8);
+        // background-color: rgba($color: #000000, $alpha: 0.8);
+        background-repeat: no-repeat;
+        background-size: contain;
         color: white;
         font-size: 20px;
         display: inline-flex;
         justify-content: center;
         align-items: center;
-        padding: 20px 40px;
+        width: 250px;
+        height: 60px;
+        background-position: center center;
         border-radius: 10px;
         cursor: pointer;
         left: 50%;