明星头像

@@ -41,6 +41,14 @@
                                     <p class="name">{{tagName}}3</p>
                                     <p class="name">{{tagName}}3</p>
                                 </a>
                                 </a>
                             {{/ tags}}
                             {{/ tags}}
+                            {{# tags}}
+                                {{#if @first}}
+                                <a href="{{avatarUrl}}">
+                                    <div data-avatar="{{image cover 100 100}}" class="rank-avatar" ></div>
+                                    <p class="name">{{tagName}}1</p>
+                                </a>
+                                {{/if}}
+                            {{/ tags}}
                         </div>
                         </div>
                         {{!-- {{#if isSwiper}}
                         {{!-- {{#if isSwiper}}
                             <div class="article-avatar-swiper">
                             <div class="article-avatar-swiper">

 'use strict';
 'use strict';
 
 
 const fs = require('fs');
 const fs = require('fs');
-let devHost = 'localhost';
+let devHost = '172.16.10.123';
 
 
 fs.readFile('.devhost', (err, buf)=> {
 fs.readFile('.devhost', (err, buf)=> {
     if (!err) {
     if (!err) {

@@ -232,6 +232,10 @@ starIScroll.iScroll.on('scroll', function() {
         // starIScroll.iScroll.refresh();
         // starIScroll.iScroll.refresh();
     }
     }
 
 
+    console.log(this);
+
+    $window.trigger('scroll');
+
     // if ($avatarWrap.offset().top <= headTabH) {
     // if ($avatarWrap.offset().top <= headTabH) {
     //     $avatarClone.show();
     //     $avatarClone.show();
     //
     //

@@ -35,7 +35,7 @@ function PullRefresh(seclector, options) {
 
 
     this.iScroll = new IScroll($em.get(0), {
     this.iScroll = new IScroll($em.get(0), {
         click: true,
         click: true,
-        probeType: 3
+        probeType: 2
     });
     });
 
 
     this.iScroll.on('scrollStart', function() {
     this.iScroll.on('scrollStart', function() {

 @keyframes avatar {
 @keyframes avatar {
-    25% {
+    0% {
         transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
     }
 
 
-    50% {
+    33% {
         transform: translate3d(-120px, 0, 0);
         transform: translate3d(-120px, 0, 0);
     }
     }
 
 
-    75% {
+    66% {
         transform: translate3d(-240px, 0, 0);
         transform: translate3d(-240px, 0, 0);
     }
     }
+
+    100% {
+        transform: translate3d(-360px, 0, 0);
+    }
 }
 }
 
 
 .star-page {
 .star-page {
@@ -201,7 +205,8 @@
     }
     }
 
 
     .star-avatar {
     .star-avatar {
-        width: 134px;
+        width: 120px;
+        margin-right: 20px;
         box-sizing: border-box;
         box-sizing: border-box;
         float: left;
         float: left;
         overflow: hidden;
         overflow: hidden;
@@ -209,11 +214,13 @@
         .avatar-wrap {
         .avatar-wrap {
             white-space: nowrap;
             white-space: nowrap;
             animation: avatar 6s infinite;
             animation: avatar 6s infinite;
+            font-size: 0;
         }
         }
 
 
         a {
         a {
             display: inline-block;
             display: inline-block;
             padding: 8px;
             padding: 8px;
+            width: 120px;
         }
         }
 
 
         .article-avatar-swiper {
         .article-avatar-swiper {