github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/themes/wind/templates/user/avatar4qiniu.html (about) 1 {% extends "../base.html" %} 2 3 {% block title %} 4 <title>{{username}} - {{SiteName}}</title> 5 {% endblock title %} 6 7 {% block mainland %} 8 <div id="main" class="container"> 9 10 <div class="row"> 11 <div id="content"> 12 <div class="col-md-3"> 13 <div class="box"> 14 <ul class="nav nav-side"> 15 <li class="cell first"> 16 <h4 class="head"> <i class="icon icon-cogs"></i> 17 设置 18 </h4> 19 </li> 20 <li> 21 <a href="/settings/profile/">个人信息</a> 22 </li> 23 <li class="active"> 24 <a href="/settings/avatars/">我的头像</a> 25 </li> 26 <li> 27 <a href="/settings/password/">修改密码</a> 28 </li> 29 <li class="cell last"></li> 30 </ul> 31 </div> 32 </div> 33 <div class="col-md-9"> 34 <div class="box"> 35 <div class="cell first breadcrumb"> 36 <a href="/"> <i class="icon icon-home"></i> 37 </a> 38 <i class="fa fa-caret-right"></i> 39 <a href="">我的头像</a> 40 </div> 41 <div class="cell last slim"> 42 <h3 class="underline">设置头像</h3> 43 <form method="POST" action="/settings/avatars/" enctype="multipart/form-data"> 44 <div class="row"> 45 <div class="col-md-12 cell last slim"> 46 {% include "../msgerr.html" %} 47 <div class="form-group"> 48 <p style="margin-bottom:10px;"> <strong>支持jpeg/png/gif格式,大小500k以内,推荐格式200x200px。</strong> 49 </p> 50 </div> 51 <div class="form-group"> 52 {% include "../qiniu4pluploader.html" %} 53 </div> 54 <div class="form-group"> 55 <div class="text-left"> 56 <span class="btn-group"> 57 <button type="button" data-meta="image" data-placement="bottom" id="pickfiles" class="btn btn-primary"> <i class="icon-picture"></i> 上传头像</button> 58 <button type="submit" class="btn btn-primary"> 保存设置 <i class="icon-chevron-sign-right"></i> </button> 59 </span> 60 </div> 61 </div> 62 {% if user.Avatar %} 63 <img src="{{user.Avatar}}" style="width:200px;height:200px;"> 64 {% if user.AvatarLarge %} 65 <img src="{{user.AvatarLarge}}" style="width:100px;height:100px;"> 66 {% endif %} 67 {% if user.AvatarMedium %} 68 <img src="{{user.AvatarMedium}}" style="width:48px;height:48px;"> 69 {% endif %} 70 {% if user.AvatarSmall %} 71 <img src="{{user.AvatarSmall}}" style="width:32px;height:32px;"> 72 {% endif %} 73 {% else %} 74 <img src="/img/d200.png" style="width:200px;height:200px;"> 75 <img class="middle" src="/img/d100.png" style="width:100px;height:100px;"> 76 <img src="/img/d48.png" style="width:48px;height:48px;"> 77 <img src="/img/d32.png" class="middle"> 78 {% endif %} 79 </div> 80 </div> 81 </form> 82 <div class="clearfix"></div> 83 </div> 84 </div> 85 </div> 86 </div> 87 </div> 88 </div> 89 {% endblock mainland %}