Browse Source

背景图完成

zweizhao 7 years ago
parent
commit
af17166e23
3 changed files with 8 additions and 4 deletions
  1. BIN
      assets/img/.DS_Store
  2. BIN
      assets/img/community/u_background_small.png
  3. 8 4
      pages/community/u/_id.vue

BIN
assets/img/.DS_Store


BIN
assets/img/community/u_background_small.png


+ 8 - 4
pages/community/u/_id.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="community-u">
-    <img src="~@/assets/img/community/u_background.png" alt="back" class="background">
+    <div alt="back" class="background"></div>
     <div class="userinfo">
       <img :src="info.icon_url" alt class="header-avatar">
       <div class="header-nickname">{{info.nickname}}</div>
@@ -213,9 +213,10 @@ export default {
   position: absolute;
   left: 0;
   top: 0;
-  width: auto;
+  width: 100%;
   height: 428px;
   z-index: -1;
+  background: url(~@/assets/img/community/u_background.png) 0 0 ~'/' 100% 100% no-repeat;
 }
 .community-u {
   .userinfo {
@@ -269,8 +270,8 @@ export default {
   font-size: 12px;
   color: #999;
   border-left: 1px solid #999;
-  margin-left: 8px;
-  padding-left: 8px;
+  margin-left: 2px;
+  padding-left: 2px;
 }
 .focu-btn {
   width: 150px;
@@ -389,6 +390,9 @@ export default {
   .community-u {
     width: 100%;
   }
+  .background {
+    background: url(~@/assets/img/community/u_background_small.png) 0 0 ~'/' 100% 100% no-repeat;
+  }
   .followed {
     border: 1px solid white;
     background: transparent;