#fff

app.json

@@ -8,7 +8,7 @@
   ],
   "window": {
     "backgroundTextStyle": "light",
-    "navigationBarBackgroundColor": "#000",
+    "navigationBarBackgroundColor": "#fff",
     "navigationBarTitleText": "首页",
     "navigationBarTextStyle": "black"
   },

app.wxss

@@ -5,7 +5,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
-  padding: 200rpx 0;
+  /* padding: 200rpx 0; */
   box-sizing: border-box;
   /* background-color: #000000; */
 } 

pages/index/index.js

@@ -4,6 +4,7 @@ const app = getApp()
 
 Page({
   data: {
+    url:'../../images/timg.jpg',
     motto: '',
     userInfo: {},
     hasUserInfo: false,

pages/index/index.wxml

@@ -6,6 +6,7 @@
       <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
       <text class="userinfo-nickname">{{userInfo.nickName}}</text>
     </block> -->
+    <image class="imageSize" src="{{url}}" mode="widthFix"></image>
   </view>
   <view class="usermotto">
     <text class="user-motto">{{motto}}</text>

pages/index/index.wxss

@@ -1,10 +1,13 @@
 /**index.wxss**/
 .userinfo {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
+  width:100%;
+  /* display: flex; */
+  /* flex-direction: column; */
+  /* align-items: center; */
+}
+.imageSize{
+  width: 100%;
 }
-
 .userinfo-avatar {
   width: 128rpx;
   height: 128rpx;