[年会抽奖]调试头像尺寸

zouyang0921
1 parent f552f303
Showing 2 changed files with 9 additions and 2 deletions
mobile.html
mobile.js
@@ -63,7 +63,7 @@
         .pic-img-wrap {position: relative;width: 4.78rem;height: 4.78rem;margin: .5rem auto 0;box-sizing: border-box;padding: .96rem .92rem .98rem 1.02rem;}
         .pic-img-bg {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background: url('./img/mobile/pic_avatar_bg.png') no-repeat;background-size: 100% 100%;}
         .pic-avatar-wrap {width: 2.84rem;height: 2.84rem;border-radius: 50%;overflow: hidden;}
-        .pic-avatar {width: 2.84rem;}
+        .pic-avatar {}
         .pic-btn-wrap {position: absolute;bottom: 1.2rem;left: 50%;transform: translateX(-50%);width: 6.82rem;padding-bottom: .72rem;}
         .pic-btn-album {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 3rem;display: flex;align-items: center;justify-content: center;}
         .pic-btn-album .album-text {font-size: .28rem;color: #fff;margin-right: .1rem;}
@@ -76,7 +76,7 @@
         .info-center {position: absolute;top: .4rem;left: 50%;transform: translateX(-50%);}
         .user-avatar {position: relative;width: 1.34rem;height: 1.4rem;box-sizing: border-box;padding-top: .24rem;padding-left: .18rem;margin: 0 auto;overflow: hidden;}
         .user-avatar .avatar-img-wrap {width: 1.14rem;height: 1.14rem;border-radius: 50%;overflow: hidden;}
-        .user-avatar .avatar-img {width: 1.14rem;}
+        .user-avatar .avatar-img {}
         .user-avatar .avatar-border {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('./img/mobile/home_avatar.png') no-repeat;background-size: 100% 100%;}
         .info-center .user-name {text-align: center;font-size: .36rem;font-weight: 500;color: #C93120;margin-top: .1rem;}
         .info-main {position: absolute;bottom: .8rem;left: 50%;transform: translateX(-50%); width: 6.3rem; height: .82rem;display: flex;align-items: center;}
@@ -145,6 +145,12 @@ var action = {
                     isShowProgressTips: 1, // 进度提示
                     success: function(res) {
                         $('.pic-avatar').attr('src', localIds);
+                        $('.pic-avatar').css({
+                            width: '',
+                            height: '',
+                            'margin-left': '',
+                            'margin-top': ''
+                        });
                         action.loadImage('.pic-avatar', '.pic-avatar-wrap');
                         action.mediaId = res.serverId; // 返回图片的服务器端ID，即 mediaId
                         console.log('action.mediaId: ', action.mediaId);
@@ -167,6 +173,7 @@ var action = {
     },
     loadImage: function(dom, parent) {
         var width = $(parent).width();
+        console.log('parent: ', width);
         $(dom).on('load', function() {
             var imgWidth = $(dom).width();
             var imgHeight = $(dom).height();