update steps

data/resource/mobile/festival/double11/css/style.css

@@ -36,6 +36,11 @@ img {
 .col22d6c7 {
     color: #22d6c7;
 }
+.one_line_hidden {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
 .container {
     position: relative;
     width: 100%;
@@ -46,11 +51,23 @@ img {
 .step-btn {
     position: absolute;
     z-index: 99;
-    width: 152px;
-    height: 152px;
-    left: 50%;
-    margin-left: -76px;
-    top: 370px;
+    width: 182px;
+    height: 182px;
+    right: 58px;
+    top: 484px;
+}
+.common-boder-line {
+    position: relative;
+}
+.common-boder-line::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 0;
+    border: 1px solid #999;
+    transform: scaleY(.5);
 }
 .border_bottom_1::after {
     content: '';
@@ -58,26 +75,28 @@ img {
     left: 0;
     right: 0;
     bottom: 0;
-    height: 1px;
-    background: #e2e0d4;
+    height: 0;
+    border: 1px dashed #999;
     transform: scaleY(.5);
 }
 .content {
     position: absolute;
     z-index: 2;
-    left: 0;
-    top: 541px;
-    width: 100%;
+    left: 28px;
+    right: 26px;
+    top: 688px;
+    padding-top: 48px;
+    /*width: 100%;*/
 }
 .ranking-box {
     position: relative;
-    width: 696px;
-    height: 983px;
-    margin: auto;
-    padding: 80px 60px 0;
+    /*width: 696px;*/
+    /*height: 983px;*/
+    /*margin: auto;*/
+    /*padding: 80px 60px 0;*/
     box-sizing: border-box;
-    background: url(../image/rank_bg.png) no-repeat center;
-    background-size: 100% 100%;
+    /*background: url(../image/rank_bg.png) no-repeat center;*/
+    /*background-size: 100% 100%;*/
 }
 .footer-top, .footer-bottom {
     position: absolute;
@@ -92,8 +111,8 @@ img {
     background-size: 100% 100%;
 }
 .ranking-name {
-    width: 166px;
-    height: 40px;
+    width: 208px;
+    height: 28px;
     margin: auto;
     background: url(../image/ranking.png) no-repeat center;
     background-size: 100% 100%;
@@ -105,6 +124,9 @@ img {
     padding-top: 104px;
     padding-bottom: 30px;
 }
+.ranking-top-list li {
+    flex: 1;
+}
 
 .ranking-top-item-1 {
     margin-top: -64px;
@@ -112,41 +134,74 @@ img {
 .person-img {
     margin: 0 auto 10px;
     position: relative;
-    width: 132px;
-    height: 132px;
+    /*width: 132px;*/
+    /*height: 132px;*/
     border-radius: 50%;
 }
 .person-img::before {
     content: '';
     position: absolute;
     z-index: 3;
-    left: -18px;
-    top: -22px;
-    width: 50px;
-    height: 50px;
+    left: 50%;
+    bottom: 0;
+    /*left: -18px;*/
+    /*top: -22px;*/
+    /*width: 50px;*/
+    /*height: 50px;*/
 }
 
 .person-img_1::before {
-    background: url(../image/crown_1.png) no-repeat center;
+    margin-left: -19px;
+    margin-bottom: -19px;
+    width: 38px;
+    height: 38px;
+    background: url(../image/1.png) no-repeat center;
+    background-size: 100% 100%;
+}
+.person-img_1::after {
+    content: '';
+    position: absolute;
+    z-index: 3;
+    left: 50%;
+    top: 0;
+    margin-left: -19px;
+    margin-top: -28px;
+    width: 32px;
+    height: 28px;
+    background: url(../image/crown.png) no-repeat center;
     background-size: 100% 100%;
 }
 .person-img_1 {
-    border: 4px solid #e3c436;
+    width: 132px;
+    height: 132px;
+    border: 4px solid #e4cb80;
 }
 
 .person-img_2::before {
-    background: url(../image/crown_2.png) no-repeat center;
+    margin-left: -16px;
+    margin-bottom: -16px;
+    width: 32px;
+    height: 32px;
+    background: url(../image/2.png) no-repeat center;
     background-size: 100% 100%;
 }
 .person-img_2 {
-    border: 4px solid #f25252;
+    width: 110px;
+    height: 110px;
+    border: 4px solid #ced5e4;
 }
 .person-img_3::before {
-    background: url(../image/crown_3.png) no-repeat center;
+    margin-left: -16px;
+    margin-bottom: -16px;
+    width: 32px;
+    height: 32px;
+    background: url(../image/3.png) no-repeat center;
     background-size: 100% 100%;
 }
 .person-img_3 {
-    border: 4px solid #22d6c7;
+    width: 110px;
+    height: 110px;
+    border: 4px solid #e0b67f;
 }
 
 
@@ -156,73 +211,109 @@ img {
     height: 100%;
     border-radius: 50%;
 }
+.person-cell-commbox {
+    display: inline-block;
+    height: 28px;
+    line-height: 28px;
+    padding: 0 16px;
+    border-radius: 4px;
+    color: #1e1c1b;
+}
+.person-cell1-box {
+    background: #e4cb80;
+}
+.person-cell2-box {
+    background: #ced5e4;
+}
+.person-cell3-box {
+    background: #e0b67f;
+}
 
 .person-common-cell {
     text-align: center;
     height: 36px;
     line-height: 36px;
     font-size: 24px;
-    color: #000;
-    max-width: 160px;
+    color: #fff;
+    max-width: 230px;
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap
 }
 
+.ranking-normal-list {
+    padding: 0 16px;
+}
+.ranking-normal-list.scroll-list {
+    max-height: 476px;
+    overflow-y: auto;
+}
+
 .ranking-normal-item {
     position: relative;
     display: flex;
     justify-content: space-between;
     align-items: center;
-    height: 78px;
-    font-size: 24px;
-    color: #000;
+    height: 68px;
+    font-size: 28px;
+    color: #fff;
 }
-.crown-box {
-    width: 36px;
-    height: 30px;
-    margin-right: 12px;
-    position: relative;
+.slef-ranking {
+    margin-top: 26px;
+    color: #e4cb80;
 }
-.crown-icon {
-    display: block;
-    width: 100%;
-    height: 100%;
-    text-align: center;
-    background: url(../image/crown.png) no-repeat center;
-    background-size: 100% 100%;
-}
-.crown-box .place {
-    position: absolute;
-    left: 0;
-    bottom: -4px;
-    z-index: 2;
-    width: 100%;
-    text-align: center;
-    transform: scale(.76);
-    color: #fff;
+.slef-ranking .crown-box {
+    color: #e4cb80;
+    min-width: 72px;
 }
+.crown-box {
+    position: relative;
+    width: 56px;
+    height: 68px;
+    line-height: 68px;
+    font-size: 30px;
+    color: #999;
+}
+/*.crown-icon {*/
+    /*display: block;*/
+    /*width: 100%;*/
+    /*height: 100%;*/
+    /*text-align: center;*/
+    /*background: url(../image/crown.png) no-repeat center;*/
+    /*background-size: 100% 100%;*/
+/*}*/
+/*.crown-box .place {*/
+    /*position: absolute;*/
+    /*left: 0;*/
+    /*bottom: -4px;*/
+    /*z-index: 2;*/
+    /*width: 100%;*/
+    /*text-align: center;*/
+    /*transform: scale(.76);*/
+    /*color: #fff;*/
+/*}*/
 .ranking-normal-name {
     flex: 1;
 }
 .rules {
-    margin-top: -24px;
-    margin-bottom: 42px;
-    padding: 0 92px;
+    /*margin-top: -24px;*/
+    /*margin-bottom: 42px;*/
+    padding: 0 34px 0 54px;
 }
 .careful,.game-rules {
 
     margin: 0 auto 28px;
 }
-.careful {
-    width: 180px;
-    height: 40px;
-    background: url(../image/beCareful.png) no-repeat center;
-    background-size: 100% 100%;
-}
+/*.careful {*/
+    /*width: 180px;*/
+    /*height: 40px;*/
+    /*background: url(../image/beCareful.png) no-repeat center;*/
+    /*background-size: 100% 100%;*/
+/*}*/
 .game-rules {
+    margin: 104px auto 34px;
     width: 208px;
-    height: 33px;
+    height: 28px;
     background: url(../image/game_rule.png) no-repeat center;
     background-size: 100% 100%;
 }
@@ -232,7 +323,7 @@ img {
     padding-left: 38px;
     line-height: 36px;
     font-size: 24px;
-    color: #000;
+    color: #999;
 }
 .rule-num {
     position: absolute;
@@ -242,8 +333,8 @@ img {
     height: 36px;
     line-height: 36px;
     border-radius: 50%;
-    background: #f25252;
-    color: #fff;
+    background: #999;
+    color: #181717;
     transform: scale(.66);
     text-align: center;
 }

mobile/control/control.php

@@ -331,9 +331,9 @@ class mbMemberControl extends mobileControl
 
 function bonus_version()
 {
-    return "v=2018110501";
+    return "v=2018112901";
 }
 function shop_version()
 {
-    return "v=2018110501";
+    return "v=2018112901";
 }

mobile/templates/default/festival/double11/steps.php

@@ -16,30 +16,51 @@
         <div class="content">
             <div class="ranking-box">
                 <div class="ranking-name"></div>
-                <ul class="ranking-top-list border_bottom_1">
+                <ul class="ranking-top-list">
                     <li>
                         <div class="person-img person-img_2">
                             <img src="<?php echo $output['user_second']['avatar']; ?>" alt="">
                         </div>
                         <p class="person-common-cell"><?php echo $output['user_second']['nickname']; ?></p>
-                        <p class="person-common-cell">已捐:<span class="colf25252"><?php echo $output['user_second']['steps']; ?></span></p>
+                        <div class="person-common-cell">
+                            <div class="person-cell2-box person-cell-commbox">
+                                已捐 : <?php echo $output['user_second']['steps']; ?>
+                            </div>
+
+                        </div>
                     </li>
                     <li class="ranking-top-item-1">
                         <div class="person-img person-img_1">
                             <img src="<?php echo $output['user_first']['avatar']; ?>" alt="">
                         </div>
                         <p class="person-common-cell"><?php echo $output['user_first']['nickname']; ?></p>
-                        <p class="person-common-cell">已捐:<span class="cole3c436"><?php echo $output['user_first']['steps']; ?></span></p>
+                        <div class="person-common-cell">
+                            <div class="person-cell1-box person-cell-commbox">
+                                已捐 : <?php echo $output['user_first']['steps']; ?>
+                            </div>
+                        </div>
                     </li>
                     <li>
                         <div class="person-img person-img_3">
                             <img src="<?php echo $output['user_third']['avatar']; ?>" alt="">
                         </div>
                         <p class="person-common-cell"><?php echo $output['user_third']['nickname']; ?></p>
-                        <p class="person-common-cell">已捐:<span class="col22d6c7"><?php echo $output['user_third']['steps']; ?></span></p>
+                        <div class="person-common-cell">
+                            <div class="person-cell3-box person-cell-commbox">
+                                已捐 : <?php echo $output['user_third']['steps']; ?>
+                            </div>
+                        </div>
                     </li>
                 </ul>
-                <ul class="ranking-normal-list">
+
+                <div class="slef-ranking ranking-normal-item common-boder-line">
+<!--                    <div class="crown-box">186</div>-->
+<!--                    <p class="ranking-normal-name one_line_hidden">我是静静</p>-->
+<!--                    <p>24511</p>-->
+                    <p>登录之后可以显示自己的排名</p>
+                </div>
+
+                <ul class="ranking-normal-list scroll-list">
                     <?php
                         if(!empty($output['user_steps']))
                         {
@@ -48,10 +69,10 @@
                                 echo "
                                 <li class=\"ranking-normal-item border_bottom_1\">
                                     <div class=\"crown-box\">
-                                        <span class=\"crown-icon\"></span>
+                                       
                                         <span class=\"place\">{$num}</span>
                                     </div>
-                                    <p class=\"ranking-normal-name\">{$userinfo['nickname']}</p>
+                                    <p class=\"ranking-normal-name one_line_hidden\">{$userinfo['nickname']}</p>
                                     <p>{$userinfo['steps']}</p>
                                 </li>
                                 ";
@@ -65,40 +86,44 @@
                 <ul class="rules-list">
                     <li class="rules-item">
                         <span class="rule-num">1</span>
-                        捐赠步数为您进行捐赠操作后所累计（任一群即可）。
-                    </li>
-                    <li class="rules-item">
-                        <span class="rule-num">2</span>
-                        排行榜排名会根据从11月5日12:00开始至当前累计所捐步数实时更新。
-                    </li>
-                    <li class="rules-item">
-                        <span class="rule-num">3</span>
-                        最终中奖名额为11月5日12:00~11月12日12:00时所累计步数的<span class="colf25252">排名前三位。</span>
-                    </li>
-                </ul>
-            </div>
-
-            <div class="rules" style="margin-top: 0; margin-bottom: 0;">
-                <div class="careful"></div>
-                <ul class="rules-list">
-                    <li class="rules-item">
-                        <span class="rule-num">1</span>
-                        未加入过群聊的朋友,我们会推荐你好玩的群哦,<span class="colf25252">加入群聊</span>开始你的捐步吧!
+                        捐赠步数为您进行捐赠操作后所累计
                     </li>
                     <li class="rules-item">
                         <span class="rule-num">2</span>
-                        本活动以您在熊猫美妆实际捐出的步数为准。
+                        排行榜排名会根据活动开始时间至当前累计所捐步数实时更新
                     </li>
                     <li class="rules-item">
                         <span class="rule-num">3</span>
-                        活动时间:11月5日12:00--11月12日12:00
+                        活动结束时间产生最终中奖名额，为活动时间内所累计步数的排名前三位
                     </li>
                     <li class="rules-item">
                         <span class="rule-num">4</span>
-                        如有任何疑问，可关注微信服务号<span class="colf25252">“熊猫美妆 APP”</span>，获取更多活动咨询！
+                        领奖请至“熊猫美妆APP ”公众号后台留言“捐步”
                     </li>
                 </ul>
             </div>
+
+<!--            <div class="rules" style="margin-top: 0; margin-bottom: 0;">-->
+<!--                <div class="careful"></div>-->
+<!--                <ul class="rules-list">-->
+<!--                    <li class="rules-item">-->
+<!--                        <span class="rule-num">1</span>-->
+<!--                        未加入过群聊的朋友,我们会推荐你好玩的群哦,<span class="colf25252">加入群聊</span>开始你的捐步吧!-->
+<!--                    </li>-->
+<!--                    <li class="rules-item">-->
+<!--                        <span class="rule-num">2</span>-->
+<!--                        本活动以您在熊猫美妆实际捐出的步数为准。-->
+<!--                    </li>-->
+<!--                    <li class="rules-item">-->
+<!--                        <span class="rule-num">3</span>-->
+<!--                        活动时间:11月5日12:00--11月12日12:00-->
+<!--                    </li>-->
+<!--                    <li class="rules-item">-->
+<!--                        <span class="rule-num">4</span>-->
+<!--                        如有任何疑问，可关注微信服务号<span class="colf25252">“熊猫美妆 APP”</span>，获取更多活动咨询！-->
+<!--                    </li>-->
+<!--                </ul>-->
+<!--            </div>-->
         </div>
     </div>
     <script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/comm/new_bridge.js"></script>