Browse Source

用户头像添加了默认图片,用户没有等级时不显示等级图标

yee 7 years ago
parent
commit
043ad9478a
1 changed files with 9 additions and 16 deletions
  1. 9 16
      js/component/account/index/normal.jsx

+ 9 - 16
js/component/account/index/normal.jsx

@@ -12,6 +12,8 @@ import weixin from '../../../../image/weixin-w.png';
 import qq from '../../../../image/qq-w.png';
 import weibo from '../../../../image/weibo-w.png';
 
+import defaultAvatar from '../../../../image/avatarImg.png'
+
 import level1 from '../../../../image/level_1.png';
 import level2 from '../../../../image/level_2.png';
 import level3 from '../../../../image/level_3.png';
@@ -78,22 +80,13 @@ const Content = React.createClass({
                         <p className="acc-title">
                             欢迎,
                             <span>{this.state.nickname || ('No.' + this.state.number)}</span>
-                            <img src={(() => {
-                                switch (this.state.level) {
-                                    case 1:
-                                        return globalConfig.avatarUploadHost + '/rank/level_1.png';
-                                    case 2:
-                                        return globalConfig.avatarUploadHost + '/rank/level_2.png';
-                                    case 3:
-                                        return globalConfig.avatarUploadHost + '/rank/level_3.png';
-                                    case 4:
-                                        return globalConfig.avatarUploadHost + '/rank/level_4.png';
-                                    case 5:
-                                        return globalConfig.avatarUploadHost + '/rank/level_5.png';
-                                    default:
-                                        return ""
+                            {(() => {
+                                if ( this.state.level ) {
+                                    return <img src={globalConfig.avatarUploadHost + '/rank/level_' + this.state.level + '.png'} alt="" />
+                                } else {
+                                    return ''
                                 }
-                            })()} alt="" />
+                            })()}
                             {(() => {
                                 if (this.state.level > 1 && this.state.level < 2) {
                                     return <span style={{ fontSize: '14px', color: '#333' }}>
@@ -105,7 +98,7 @@ const Content = React.createClass({
                         <div className="userdata-img">
                             {this.state.personPortraitUrl || this.state.logoUrl ?
                                 <img src={globalConfig.avatarHost + "/upload" + (this.state.type == 0 ? this.state.personPortraitUrl : this.state.logoUrl)} alt="" />
-                                : <img src="" alt="" />}
+                                : <img src={defaultAvatar} alt="" />}
                         </div>
                         <div className="userdata-content">
                             {(() => {