图片样式处理

package.json

@@ -17,9 +17,11 @@
     "axios": "^0.18.0",
     "cross-env": "^5.2.0",
     "element-ui": "^2.4.11",
-    "nuxt": "^2.3.4"
+    "nuxt": "^2.6.3"
   },
   "devDependencies": {
+    "less": "^3.9.0",
+    "less-loader": "^5.0.0",
     "nodemon": "^1.18.9"
   }
 }

pages/community/u/_id.vue

@@ -1,6 +1,9 @@
 <template>
-  <div class="community-u-box">
+  <div class="community-u">
+    <img src="~@/assets/img/community/u_background.png" alt="back" class="background">
+    <div class="userinfo">
 
+    </div>
   </div>
 </template>
 
@@ -89,11 +92,21 @@ export default {
 }
 </script>
 
-<style>
+<style lang='less' scoped>
 body {
-  background: url(~@/assets/img/community/u_background.png) 0 0 / 100% auto no-repeat;
+  /* background: url(~@/assets/img/community/u_background.png) 0 0 / 100% auto no-repeat; */
+}
+.background {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: auto;
+  z-index: -1;
 }
 .community-u {
-
+  .userinfo {
+    color: white;
+  }
 }
 </style>