上传头像按钮和头像重合,并使上传按钮有效
This commit is contained in:
parent
d8a4eb56cf
commit
2bb2a64dde
|
@ -5,7 +5,7 @@
|
|||
<div class="upload-input-container img-circle fl ml10 mt4">
|
||||
<!--<input class="upload-input" accept="image/*" multiple="" type="file">-->
|
||||
<input class="upload-input" type="file" capture="camera" accept="image/*" load-head>
|
||||
<img ng-src="{{replaceUrl(user.img_url)}}" width="30" class="fl ml10 img-circle mt4" />
|
||||
<img ng-src="{{replaceUrl(user.img_url)}}" width="30" class="fl img-circle" style="position:absolute;" />
|
||||
</div>
|
||||
<span class="fl ml25">{{user.login}}</span><span ng-click="unbind()" class="fr f13 mr10 c-blue">解除绑定</span><div class="cl"></div></div>
|
||||
|
||||
|
|
|
@ -263,7 +263,7 @@ a.underline {text-decoration:underline;}
|
|||
.blank-row {width:100%; height:38px; line-height:38px; vertical-align:middle;}
|
||||
.upload-input-container {width:30px; height:30px; border:1px solid #ddd; position:relative;}
|
||||
.upload-input {width:30px; height:30px; position:absolute; z-index:1; opacity:0;}
|
||||
.upload-input-container:after {content:" "; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#ddd; background-image:url(../images/male.jpg); width:30px; height:30px; background-size:30px 30px; border-radius:50%;}
|
||||
/*.upload-input-container:after {content:" "; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#ddd; background-image:url(../images/male.jpg); width:30px; height:30px; background-size:30px 30px; border-radius:50%;}*/
|
||||
.select-container {position:relative; padding-left:62px;}
|
||||
.select-text {position:absolute; left:15px;}
|
||||
.select-model {width:100%; border:none; color:#999; margin-top:8px;}
|
Loading…
Reference in New Issue