Prechádzať zdrojové kódy

"我的"页背景图

任一存 2 rokov pred
rodič
commit
57aca40896
2 zmenil súbory, kde vykonal 10 pridanie a 1 odobranie
  1. BIN
      src/assets/img/my/banner-bg.png
  2. 10 1
      src/views/My/index.vue

BIN
src/assets/img/my/banner-bg.png


+ 10 - 1
src/views/My/index.vue

@@ -1,5 +1,6 @@
 <template>
 <div class="mine">
+  <img src="@/assets/img/my/banner-bg.png" alt="" class="bg">
   <div class="top">
     <img src="@/assets/img/service/avatar-default.png" alt="" class="avatar">
     <div class="name">芜湖印象</div>
@@ -109,8 +110,16 @@ activated() {}, //如果页面有keep-alive缓存功能,这个函数会触发
 .mine {
   padding-left: 4.7vw;
   padding-right: 4.7vw;
+  overflow: hidden;
+  position: relative;
+  > img.bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: -1;
+  }
   > .top {
-    background: #fe736a;
     margin-top: 17vw;
     display: flex;
     align-items: center;