个人中信头像可预览

pages/im/friends/mine.vue

@@ -4,7 +4,7 @@
         <!-- 用户信息 -->
         <view class="info-flex">
             <view class="info-flex-item">
-                <u-avatar :src="infoObj.portraitUrl" shape="square" size="210rpx" bg-color="#fff" class="avatar" />
+                <u-avatar :src="infoObj.portraitUrl" @click='previewImg(infoObj.portraitUrl)' shape="square" size="210rpx" bg-color="#fff" class="avatar" />
                 <view class="nickname">{{infoObj.name}}</view>
                 <view class="address">{{infoObj.address}}</view>
                 <view class="info-code">
@@ -48,6 +48,12 @@
             })
         },
         methods: {
+            previewImg(item){
+                console.log(item)
+                uni.previewImage({
+                    urls:[item]
+                })
+            },
             copy() {
                 uni.setClipboardData({
                     data: this.downUrl,
@@ -100,7 +106,7 @@
 
                 .avatar {
                     // padding: 14rpx; 
-                    border-radius: 10rpx;
+                    border-radius: 20rpx;
                     background-color: #fff;
                     border: solid 14rpx rgba($color: #fff, $alpha:1);
                 }