From ef0d1b59fb872864df9398c876083b5af15d7fd9 Mon Sep 17 00:00:00 2001
From: "jqtmviyu@gmail.com" <jqtmviyu@gmail.com>
Date: Fri, 5 Mar 2021 21:27:31 +0800
Subject: [PATCH] =?UTF-8?q?=E8=83=8C=E6=99=AF=E6=A8=A1=E7=B3=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/my/my.vue | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/pages/my/my.vue b/src/pages/my/my.vue
index 154fbe2..fcd1f69 100644
--- a/src/pages/my/my.vue
+++ b/src/pages/my/my.vue
@@ -2,6 +2,7 @@
   <view class="user">
     <!-- 1. 已登录 -->
     <block v-if="userInfo.nickName">
+      <image class="user_avatar_bg" :src="userInfo.avatarUrl" mode="aspectFill"></image>
       <image class="user_avatar" :src="userInfo.avatarUrl"></image>
       <text class="user_nickName">{{userInfo.nickName}}</text>
     </block>
@@ -34,11 +35,13 @@ page {
   background-color: #f9f9f9;
 }
 .user {
+  position: relative;
   height: 330rpx;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  overflow: hidden;
   .user_btn {
     background-color: #07c160;
     color: #fff;
@@ -56,6 +59,17 @@ page {
   .user_nickName {
     font-size: 32rpx;
     margin-top: 20rpx;
+    color: #fff;
   }
 }
+
+.user_avatar_bg {
+  width: 120%;
+  height: 120%;
+  position: absolute;
+  left: -10%;
+  top: -10%;
+  z-index: -1;
+  filter: blur(30px) grayscale(20%);
+}
 </style>
\ No newline at end of file