fe / yohoblk-wap · Commits

Go to a project

Authored by 沈志敏
Commit 69539eb49626dcde55f54ce8c4f93654b302b368 1 parent 311f4469

调整样式

Inline Side-by-side
Showing 2 changed files with 8 additions and 17 deletions
@@ -3,7 +3,7 @@ @@ -3,7 +3,7 @@
3 <span class="setting icon icon-setting" id="setting"></span> 3 <span class="setting icon icon-setting" id="setting"></span>
4 <a class="user-info" id="user-info" href='/home/mydetails'> 4 <a class="user-info" id="user-info" href='/home/mydetails'>
5 <span class="user-avatar" {{#if head_ico}} style="background-image: url('{{head_ico}}');" {{/if}}></span> 5 <span class="user-avatar" {{#if head_ico}} style="background-image: url('{{head_ico}}');" {{/if}}></span>
6 - <br><span class="username">{{nickname}}</span> 6 + <span class="username">{{nickname}}</span>
7 </a> 7 </a>
8 </div> 8 </div>
9 <div class="my-order"> 9 <div class="my-order">
@@ -32,38 +32,29 @@ @@ -32,38 +32,29 @@
32 .user-avatar { 32 .user-avatar {
33 display: inline-block; 33 display: inline-block;
34 position: relative; 34 position: relative;
35 - top: 100px; 35 + top: 150px;
36 width: 200px; 36 width: 200px;
37 height: 200px; 37 height: 200px;
38 border-radius: 50%; 38 border-radius: 50%;
39 - border: 6px solid #a7a8a9; 39 + margin: 0 auto;
  40 + border: 3px solid #b0b0b0;
40 background: resolve("home/user-icon.png"); 41 background: resolve("home/user-icon.png");
41 background-size: 100%; 42 background-size: 100%;
42 } 43 }
43 44
44 .username { 45 .username {
45 - display: inline-block; 46 + display: block;
46 padding: 0 16px; 47 padding: 0 16px;
47 text-overflow: ellipsis; 48 text-overflow: ellipsis;
48 - overflow: hidden; 49 + position: relative;
  50 + margin: 0 auto;
  51 + top: 60px;
49 white-space: nowrap; 52 white-space: nowrap;
50 font-size: 32px; 53 font-size: 32px;
51 max-width: 260px; 54 max-width: 260px;
52 } 55 }
53 } 56 }
54 57
55 - .login-btn {  
56 - display: inline-block;  
57 - top: 40px;  
58 - left: 194px;  
59 - width: 244px;  
60 - height: 82px;  
61 - line-height: 82px;  
62 - color: #fff;  
63 - border: 4px solid #fff;  
64 - margin: 150px auto;  
65 - }  
66 -  
67 .my-order { 58 .my-order {
68 margin-bottom: 30px; 59 margin-bottom: 30px;
69 border-top: 1px solid #e0e0e0; 60 border-top: 1px solid #e0e0e0;