master

分支 (1)

管理

管理

master

app-final-project
/
好友排行榜（动态面板）.html

<!DOCTYPE html>
<html>
  <head>
    <title>好友排行榜（动态面板）</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/好友排行榜（动态面板）/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/好友排行榜（动态面板）/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u554" class="ax_default" data-left="301" data-top="0" data-width="425" data-height="886">

        <!-- Unnamed (图像) -->
        <div id="u555" class="ax_default image">
          <img id="u555_img" class="img " src="images/数据_系统变量_/u534.png"/>
          <div id="u555_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u556" class="ax_default _默认样式">
          <div id="u556_div" class=""></div>
          <div id="u556_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图像) -->
        <div id="u557" class="ax_default image">
          <img id="u557_img" class="img " src="images/登录（全局变量和系统变量）/u177.png"/>
          <div id="u557_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图像) -->
        <div id="u558" class="ax_default image">
          <img id="u558_img" class="img " src="images/登录（全局变量和系统变量）/u178.png"/>
          <div id="u558_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图像) -->
        <div id="u559" class="ax_default image">
          <img id="u559_img" class="img " src="images/登录（全局变量和系统变量）/u179.png"/>
          <div id="u559_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图像) -->
        <div id="u560" class="ax_default image">
          <img id="u560_img" class="img " src="images/登录（全局变量和系统变量）/u180.png"/>
          <div id="u560_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u561" class="ax_default">
        <div id="u561_state0" class="panel_state" data-label="状态1" style="">
          <div id="u561_state0_content" class="panel_state_content">

            <!-- today (中继器) -->
            <div id="u562" class="ax_default" data-label="today">
              <script id="u562_script" type="axure-repeater-template" data-label="today">

                <!-- Unnamed (矩形) -->
                <div id="u563" class="ax_default box_1 u563">
                  <div id="u563_div" class="u563_div"></div>
                  <div id="u563_text" class="text u563_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 头像 (图像) -->
                <div id="u564" class="ax_default image u564" data-label="头像">
                  <img id="u564_img" class="img u564_img" src="images/好友排行榜（动态面板）/头像_u564.svg"/>
                  <div id="u564_text" class="text u564_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 姓名 (矩形) -->
                <div id="u565" class="ax_default _标题3 u565" data-label="姓名">
                  <div id="u565_div" class="u565_div"></div>
                  <div id="u565_text" class="text u565_text">
                    <p><span style="text-decoration:none;">三级标题</span></p>
                  </div>
                </div>

                <!-- 专注时间 (矩形) -->
                <div id="u566" class="ax_default _默认样式 u566" data-label="专注时间">
                  <img id="u566_img" class="img u566_img" src="images/好友排行榜（动态面板）/专注时间_u566.svg"/>
                  <div id="u566_text" class="text u566_text">
                    <p><span style="text-decoration:none;">200</span></p>
                  </div>
                </div>

                <!-- 打卡次数 (矩形) -->
                <div id="u567" class="ax_default _默认样式 u567" data-label="打卡次数">
                  <img id="u567_img" class="img u567_img" src="images/好友排行榜（动态面板）/打卡次数_u567.svg"/>
                  <div id="u567_text" class="text u567_text">
                    <p><span style="text-decoration:none;">5</span></p>
                  </div>
                </div>
              </script>
              <div id="u562-1" class="preeval" style="width: 344px; height: 39px;">

                <!-- Unnamed (矩形) -->
                <div id="u563-1" class="ax_default box_1 u563" style="width: 367px; height: 39px; left: -23px; top: 0px;visibility: inherit">
                  <div id="u563-1_div" class="u563_div" style="width: 367px; height: 39px;visibility: inherit"></div>
                  <div id="u563-1_text" class="text u563_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 头像 (图像) -->
                <div id="u564-1" class="ax_default image u564" data-label="头像" style="width: 31px; height: 31px; left: 11px; top: 5px;visibility: inherit">
                  <img id="u564-1_img" class="img u564_img" src="images/好友排行榜（动态面板）/p0.png"/>
                  <div id="u564-1_text" class="text u564_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 姓名 (矩形) -->
                <div id="u565-1" class="ax_default _标题3 u565" data-label="姓名" style="width: 72px; height: 21px; left: 58px; top: 13px;visibility: inherit">
                  <div id="u565-1_div" class="u565_div" style="width: 72px; height: 21px;visibility: inherit"></div>
                  <div id="u565-1_text" class="text u565_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">阿珍</span></p>
                  </div>
                </div>

                <!-- 专注时间 (矩形) -->
                <div id="u566-1" class="ax_default _默认样式 u566" data-label="专注时间" style="width: 26px; height: 19px; left: 171px; top: 12px;visibility: inherit">
                  <img id="u566-1_img" class="img u566_img" src="images/好友排行榜（动态面板）/专注时间_u566.svg"/>
                  <div id="u566-1_text" class="text u566_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">300</span></p>
                  </div>
                </div>

                <!-- 打卡次数 (矩形) -->
                <div id="u567-1" class="ax_default _默认样式 u567" data-label="打卡次数" style="width: 21px; height: 19px; left: 262px; top: 12px;visibility: inherit">
                  <img id="u567-1_img" class="img u567_img" src="images/好友排行榜（动态面板）/打卡次数_u567.svg"/>
                  <div id="u567-1_text" class="text u567_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">60</span></p>
                  </div>
                </div>
              </div>
              <div id="u562-2" class="preeval" style="width: 344px; height: 39px;">

                <!-- Unnamed (矩形) -->
                <div id="u563-2" class="ax_default box_1 u563" style="width: 367px; height: 39px; left: -23px; top: 0px;visibility: inherit">
                  <div id="u563-2_div" class="u563_div" style="width: 367px; height: 39px;visibility: inherit"></div>
                  <div id="u563-2_text" class="text u563_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 头像 (图像) -->
                <div id="u564-2" class="ax_default image u564" data-label="头像" style="width: 31px; height: 31px; left: 11px; top: 5px;visibility: inherit">
                  <img id="u564-2_img" class="img u564_img" src="images/好友排行榜（动态面板）/p1.png"/>
                  <div id="u564-2_text" class="text u564_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 姓名 (矩形) -->
                <div id="u565-2" class="ax_default _标题3 u565" data-label="姓名" style="width: 72px; height: 21px; left: 58px; top: 13px;visibility: inherit">
                  <div id="u565-2_div" class="u565_div" style="width: 72px; height: 21px;visibility: inherit"></div>
                  <div id="u565-2_text" class="text u565_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">阿强</span></p>
                  </div>
                </div>

                <!-- 专注时间 (矩形) -->
                <div id="u566-2" class="ax_default _默认样式 u566" data-label="专注时间" style="width: 26px; height: 19px; left: 171px; top: 12px;visibility: inherit">
                  <img id="u566-2_img" class="img u566_img" src="images/好友排行榜（动态面板）/专注时间_u566.svg"/>
                  <div id="u566-2_text" class="text u566_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">500</span></p>
                  </div>
                </div>

                <!-- 打卡次数 (矩形) -->
                <div id="u567-2" class="ax_default _默认样式 u567" data-label="打卡次数" style="width: 21px; height: 19px; left: 262px; top: 12px;visibility: inherit">
                  <img id="u567-2_img" class="img u567_img" src="images/好友排行榜（动态面板）/打卡次数_u567.svg"/>
                  <div id="u567-2_text" class="text u567_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">25</span></p>
                  </div>
                </div>
              </div>
              <div id="u562-3" class="preeval" style="width: 344px; height: 39px;">

                <!-- Unnamed (矩形) -->
                <div id="u563-3" class="ax_default box_1 u563" style="width: 367px; height: 39px; left: -23px; top: 0px;visibility: inherit">
                  <div id="u563-3_div" class="u563_div" style="width: 367px; height: 39px;visibility: inherit"></div>
                  <div id="u563-3_text" class="text u563_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 头像 (图像) -->
                <div id="u564-3" class="ax_default image u564" data-label="头像" style="width: 31px; height: 31px; left: 11px; top: 5px;visibility: inherit">
                  <img id="u564-3_img" class="img u564_img" src="images/好友排行榜（动态面板）/p2.png"/>
                  <div id="u564-3_text" class="text u564_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 姓名 (矩形) -->
                <div id="u565-3" class="ax_default _标题3 u565" data-label="姓名" style="width: 72px; height: 21px; left: 58px; top: 13px;visibility: inherit">
                  <div id="u565-3_div" class="u565_div" style="width: 72px; height: 21px;visibility: inherit"></div>
                  <div id="u565-3_text" class="text u565_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">飞鸡</span></p>
                  </div>
                </div>

                <!-- 专注时间 (矩形) -->
                <div id="u566-3" class="ax_default _默认样式 u566" data-label="专注时间" style="width: 26px; height: 19px; left: 171px; top: 12px;visibility: inherit">
                  <img id="u566-3_img" class="img u566_img" src="images/好友排行榜（动态面板）/专注时间_u566.svg"/>
                  <div id="u566-3_text" class="text u566_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">800</span></p>
                  </div>
                </div>

                <!-- 打卡次数 (矩形) -->
                <div id="u567-3" class="ax_default _默认样式 u567" data-label="打卡次数" style="width: 21px; height: 19px; left: 262px; top: 12px;visibility: inherit">
                  <img id="u567-3_img" class="img u567_img" src="images/好友排行榜（动态面板）/打卡次数_u567.svg"/>
                  <div id="u567-3_text" class="text u567_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">13</span></p>
                  </div>
                </div>
              </div>
              <div id="u562-4" class="preeval" style="width: 344px; height: 39px;">

                <!-- Unnamed (矩形) -->
                <div id="u563-4" class="ax_default box_1 u563" style="width: 367px; height: 39px; left: -23px; top: 0px;visibility: inherit">
                  <div id="u563-4_div" class="u563_div" style="width: 367px; height: 39px;visibility: inherit"></div>
                  <div id="u563-4_text" class="text u563_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 头像 (图像) -->
                <div id="u564-4" class="ax_default image u564" data-label="头像" style="width: 31px; height: 31px; left: 11px; top: 5px;visibility: inherit">
                  <img id="u564-4_img" class="img u564_img" src="images/好友排行榜（动态面板）/p3.png"/>
                  <div id="u564-4_text" class="text u564_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 姓名 (矩形) -->
                <div id="u565-4" class="ax_default _标题3 u565" data-label="姓名" style="width: 72px; height: 21px; left: 58px; top: 13px;visibility: inherit">
                  <div id="u565-4_div" class="u565_div" style="width: 72px; height: 21px;visibility: inherit"></div>
                  <div id="u565-4_text" class="text u565_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">菲菲</span></p>
                  </div>
                </div>

                <!-- 专注时间 (矩形) -->
                <div id="u566-4" class="ax_default _默认样式 u566" data-label="专注时间" style="width: 26px; height: 19px; left: 171px; top: 12px;visibility: inherit">
                  <img id="u566-4_img" class="img u566_img" src="images/好友排行榜（动态面板）/专注时间_u566.svg"/>
                  <div id="u566-4_text" class="text u566_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">900</span></p>
                  </div>
                </div>

                <!-- 打卡次数 (矩形) -->
                <div id="u567-4" class="ax_default _默认样式 u567" data-label="打卡次数" style="width: 21px; height: 19px; left: 262px; top: 12px;visibility: inherit">
                  <img id="u567-4_img" class="img u567_img" src="images/好友排行榜（动态面板）/打卡次数_u567.svg"/>
                  <div id="u567-4_text" class="text u567_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">31</span></p>
                  </div>
                </div>
              </div>
              <div id="u562-5" class="preeval" style="width: 344px; height: 39px;">

                <!-- Unnamed (矩形) -->
                <div id="u563-5" class="ax_default box_1 u563" style="width: 367px; height: 39px; left: -23px; top: 0px;visibility: inherit">
                  <div id="u563-5_div" class="u563_div" style="width: 367px; height: 39px;visibility: inherit"></div>
                  <div id="u563-5_text" class="text u563_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 头像 (图像) -->
                <div id="u564-5" class="ax_default image u564" data-label="头像" style="width: 31px; height: 31px; left: 11px; top: 5px;visibility: inherit">
                  <img id="u564-5_img" class="img u564_img" src="images/好友排行榜（动态面板）/p4.png"/>
                  <div id="u564-5_text" class="text u564_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 姓名 (矩形) -->
                <div id="u565-5" class="ax_default _标题3 u565" data-label="姓名" style="width: 72px; height: 21px; left: 58px; top: 13px;visibility: inherit">
                  <div id="u565-5_div" class="u565_div" style="width: 72px; height: 21px;visibility: inherit"></div>
                  <div id="u565-5_text" class="text u565_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">明明</span></p>
                  </div>
                </div>

                <!-- 专注时间 (矩形) -->
                <div id="u566-5" class="ax_default _默认样式 u566" data-label="专注时间" style="width: 26px; height: 19px; left: 171px; top: 12px;visibility: inherit">
                  <img id="u566-5_img" class="img u566_img" src="images/好友排行榜（动态面板）/专注时间_u566.svg"/>
                  <div id="u566-5_text" class="text u566_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">400</span></p>
                  </div>
                </div>

                <!-- 打卡次数 (矩形) -->
                <div id="u567-5" class="ax_default _默认样式 u567" data-label="打卡次数" style="width: 21px; height: 19px; left: 262px; top: 12px;visibility: inherit">
                  <img id="u567-5_img" class="img u567_img" src="images/好友排行榜（动态面板）/打卡次数_u567.svg"/>
                  <div id="u567-5_text" class="text u567_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">83</span></p>
                  </div>
                </div>
              </div>
              <div id="u562-6" class="preeval" style="width: 344px; height: 39px;">

                <!-- Unnamed (矩形) -->
                <div id="u563-6" class="ax_default box_1 u563" style="width: 367px; height: 39px; left: -23px; top: 0px;visibility: inherit">
                  <div id="u563-6_div" class="u563_div" style="width: 367px; height: 39px;visibility: inherit"></div>
                  <div id="u563-6_text" class="text u563_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 头像 (图像) -->
                <div id="u564-6" class="ax_default image u564" data-label="头像" style="width: 31px; height: 31px; left: 11px; top: 5px;visibility: inherit">
                  <img id="u564-6_img" class="img u564_img" src="images/好友排行榜（动态面板）/p5.jpg"/>
                  <div id="u564-6_text" class="text u564_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 姓名 (矩形) -->
                <div id="u565-6" class="ax_default _标题3 u565" data-label="姓名" style="width: 72px; height: 21px; left: 58px; top: 13px;visibility: inherit">
                  <div id="u565-6_div" class="u565_div" style="width: 72px; height: 21px;visibility: inherit"></div>
                  <div id="u565-6_text" class="text u565_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">Miao（我）</span></p>
                  </div>
                </div>

                <!-- 专注时间 (矩形) -->
                <div id="u566-6" class="ax_default _默认样式 u566" data-label="专注时间" style="width: 26px; height: 19px; left: 171px; top: 12px;visibility: inherit">
                  <img id="u566-6_img" class="img u566_img" src="images/好友排行榜（动态面板）/专注时间_u566.svg"/>
                  <div id="u566-6_text" class="text u566_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">130</span></p>
                  </div>
                </div>

                <!-- 打卡次数 (矩形) -->
                <div id="u567-6" class="ax_default _默认样式 u567" data-label="打卡次数" style="width: 21px; height: 19px; left: 262px; top: 12px;visibility: inherit">
                  <img id="u567-6_img" class="img u567_img" src="images/好友排行榜（动态面板）/打卡次数_u567.svg"/>
                  <div id="u567-6_text" class="text u567_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">76</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u568" class="ax_default box_2">
              <div id="u568_div" class=""></div>
              <div id="u568_text" class="text ">
                <p><span style="text-decoration:none;">今日好友排行</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u569" class="ax_default box_2">
              <div id="u569_div" class=""></div>
              <div id="u569_text" class="text ">
                <p><span style="text-decoration:none;">本周总排行</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u570" class="ax_default primary_button">
              <div id="u570_div" class=""></div>
              <div id="u570_text" class="text ">
                <p><span style="text-decoration:none;">专注时长/分钟</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u571" class="ax_default primary_button">
              <div id="u571_div" class=""></div>
              <div id="u571_text" class="text ">
                <p><span style="text-decoration:none;">打卡次数</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u561_state1" class="panel_state" data-label="状态2" style="visibility: hidden;">
          <div id="u561_state1_content" class="panel_state_content">

            <!-- week (中继器) -->
            <div id="u572" class="ax_default" data-label="week">
              <script id="u572_script" type="axure-repeater-template" data-label="week">

                <!-- Unnamed (矩形) -->
                <div id="u573" class="ax_default box_1 u573">
                  <div id="u573_div" class="u573_div"></div>
                  <div id="u573_text" class="text u573_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 头像 (图像) -->
                <div id="u574" class="ax_default image u574" data-label="头像">
                  <img id="u574_img" class="img u574_img" src="images/好友排行榜（动态面板）/头像_u564.svg"/>
                  <div id="u574_text" class="text u574_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 姓名 (矩形) -->
                <div id="u575" class="ax_default _标题3 u575" data-label="姓名">
                  <div id="u575_div" class="u575_div"></div>
                  <div id="u575_text" class="text u575_text">
                    <p><span style="text-decoration:none;">三级标题</span></p>
                  </div>
                </div>

                <!-- 专注时间 (矩形) -->
                <div id="u576" class="ax_default label u576" data-label="专注时间">
                  <div id="u576_div" class="u576_div"></div>
                  <div id="u576_text" class="text u576_text">
                    <p><span style="text-decoration:none;">文本标签</span></p>
                  </div>
                </div>

                <!-- 打卡次数 (矩形) -->
                <div id="u577" class="ax_default label u577" data-label="打卡次数">
                  <div id="u577_div" class="u577_div"></div>
                  <div id="u577_text" class="text u577_text">
                    <p><span style="text-decoration:none;">文本标签</span></p>
                  </div>
                </div>
              </script>
              <div id="u572-1" class="preeval" style="width: 344px; height: 39px;">

                <!-- Unnamed (矩形) -->
                <div id="u573-1" class="ax_default box_1 u573" style="width: 367px; height: 39px; left: -23px; top: 0px;visibility: inherit">
                  <div id="u573-1_div" class="u573_div" style="width: 367px; height: 39px;visibility: inherit"></div>
                  <div id="u573-1_text" class="text u573_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 头像 (图像) -->
                <div id="u574-1" class="ax_default image u574" data-label="头像" style="width: 31px; height: 31px; left: 11px; top: 8px;visibility: inherit">
                  <img id="u574-1_img" class="img u574_img" src="images/好友排行榜（动态面板）/p0.png"/>
                  <div id="u574-1_text" class="text u574_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 姓名 (矩形) -->
                <div id="u575-1" class="ax_default _标题3 u575" data-label="姓名" style="width: 72px; height: 21px; left: 58px; top: 13px;visibility: inherit">
                  <div id="u575-1_div" class="u575_div" style="width: 72px; height: 21px;visibility: inherit"></div>
                  <div id="u575-1_text" class="text u575_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">阿珍</span></p>
                  </div>
                </div>

                <!-- 专注时间 (矩形) -->
                <div id="u576-1" class="ax_default label u576" data-label="专注时间" style="width: 56px; height: 16px; left: 183px; top: 16px;visibility: inherit">
                  <div id="u576-1_div" class="u576_div" style="width: 56px; height: 16px;visibility: inherit"></div>
                  <div id="u576-1_text" class="text u576_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">230</span></p>
                  </div>
                </div>

                <!-- 打卡次数 (矩形) -->
                <div id="u577-1" class="ax_default label u577" data-label="打卡次数" style="width: 56px; height: 16px; left: 247px; top: 16px;visibility: inherit">
                  <div id="u577-1_div" class="u577_div" style="width: 56px; height: 16px;visibility: inherit"></div>
                  <div id="u577-1_text" class="text u577_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">98</span></p>
                  </div>
                </div>
              </div>
              <div id="u572-2" class="preeval" style="width: 344px; height: 39px;">

                <!-- Unnamed (矩形) -->
                <div id="u573-2" class="ax_default box_1 u573" style="width: 367px; height: 39px; left: -23px; top: 0px;visibility: inherit">
                  <div id="u573-2_div" class="u573_div" style="width: 367px; height: 39px;visibility: inherit"></div>
                  <div id="u573-2_text" class="text u573_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 头像 (图像) -->
                <div id="u574-2" class="ax_default image u574" data-label="头像" style="width: 31px; height: 31px; left: 11px; top: 8px;visibility: inherit">
                  <img id="u574-2_img" class="img u574_img" src="images/好友排行榜（动态面板）/p1.png"/>
                  <div id="u574-2_text" class="text u574_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 姓名 (矩形) -->
                <div id="u575-2" class="ax_default _标题3 u575" data-label="姓名" style="width: 72px; height: 21px; left: 58px; top: 13px;visibility: inherit">
                  <div id="u575-2_div" class="u575_div" style="width: 72px; height: 21px;visibility: inherit"></div>
                  <div id="u575-2_text" class="text u575_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">阿强</span></p>
                  </div>
                </div>

                <!-- 专注时间 (矩形) -->
                <div id="u576-2" class="ax_default label u576" data-label="专注时间" style="width: 56px; height: 16px; left: 183px; top: 16px;visibility: inherit">
                  <div id="u576-2_div" class="u576_div" style="width: 56px; height: 16px;visibility: inherit"></div>
                  <div id="u576-2_text" class="text u576_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">100</span></p>
                  </div>
                </div>

                <!-- 打卡次数 (矩形) -->
                <div id="u577-2" class="ax_default label u577" data-label="打卡次数" style="width: 56px; height: 16px; left: 247px; top: 16px;visibility: inherit">
                  <div id="u577-2_div" class="u577_div" style="width: 56px; height: 16px;visibility: inherit"></div>
                  <div id="u577-2_text" class="text u577_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">82</span></p>
                  </div>
                </div>
              </div>
              <div id="u572-3" class="preeval" style="width: 344px; height: 39px;">

                <!-- Unnamed (矩形) -->
                <div id="u573-3" class="ax_default box_1 u573" style="width: 367px; height: 39px; left: -23px; top: 0px;visibility: inherit">
                  <div id="u573-3_div" class="u573_div" style="width: 367px; height: 39px;visibility: inherit"></div>
                  <div id="u573-3_text" class="text u573_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 头像 (图像) -->
                <div id="u574-3" class="ax_default image u574" data-label="头像" style="width: 31px; height: 31px; left: 11px; top: 8px;visibility: inherit">
                  <img id="u574-3_img" class="img u574_img" src="images/好友排行榜（动态面板）/p2.png"/>
                  <div id="u574-3_text" class="text u574_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 姓名 (矩形) -->
                <div id="u575-3" class="ax_default _标题3 u575" data-label="姓名" style="width: 72px; height: 21px; left: 58px; top: 13px;visibility: inherit">
                  <div id="u575-3_div" class="u575_div" style="width: 72px; height: 21px;visibility: inherit"></div>
                  <div id="u575-3_text" class="text u575_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">飞鸡</span></p>
                  </div>
                </div>

                <!-- 专注时间 (矩形) -->
                <div id="u576-3" class="ax_default label u576" data-label="专注时间" style="width: 56px; height: 16px; left: 183px; top: 16px;visibility: inherit">
                  <div id="u576-3_div" class="u576_div" style="width: 56px; height: 16px;visibility: inherit"></div>
                  <div id="u576-3_text" class="text u576_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">150</span></p>
                  </div>
                </div>

                <!-- 打卡次数 (矩形) -->
                <div id="u577-3" class="ax_default label u577" data-label="打卡次数" style="width: 56px; height: 16px; left: 247px; top: 16px;visibility: inherit">
                  <div id="u577-3_div" class="u577_div" style="width: 56px; height: 16px;visibility: inherit"></div>
                  <div id="u577-3_text" class="text u577_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">95</span></p>
                  </div>
                </div>
              </div>
              <div id="u572-4" class="preeval" style="width: 344px; height: 39px;">

                <!-- Unnamed (矩形) -->
                <div id="u573-4" class="ax_default box_1 u573" style="width: 367px; height: 39px; left: -23px; top: 0px;visibility: inherit">
                  <div id="u573-4_div" class="u573_div" style="width: 367px; height: 39px;visibility: inherit"></div>
                  <div id="u573-4_text" class="text u573_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 头像 (图像) -->
                <div id="u574-4" class="ax_default image u574" data-label="头像" style="width: 31px; height: 31px; left: 11px; top: 8px;visibility: inherit">
                  <img id="u574-4_img" class="img u574_img" src="images/好友排行榜（动态面板）/p3.png"/>
                  <div id="u574-4_text" class="text u574_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 姓名 (矩形) -->
                <div id="u575-4" class="ax_default _标题3 u575" data-label="姓名" style="width: 72px; height: 21px; left: 58px; top: 13px;visibility: inherit">
                  <div id="u575-4_div" class="u575_div" style="width: 72px; height: 21px;visibility: inherit"></div>
                  <div id="u575-4_text" class="text u575_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">菲菲</span></p>
                  </div>
                </div>

                <!-- 专注时间 (矩形) -->
                <div id="u576-4" class="ax_default label u576" data-label="专注时间" style="width: 56px; height: 16px; left: 183px; top: 16px;visibility: inherit">
                  <div id="u576-4_div" class="u576_div" style="width: 56px; height: 16px;visibility: inherit"></div>
                  <div id="u576-4_text" class="text u576_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">350</span></p>
                  </div>
                </div>

                <!-- 打卡次数 (矩形) -->
                <div id="u577-4" class="ax_default label u577" data-label="打卡次数" style="width: 56px; height: 16px; left: 247px; top: 16px;visibility: inherit">
                  <div id="u577-4_div" class="u577_div" style="width: 56px; height: 16px;visibility: inherit"></div>
                  <div id="u577-4_text" class="text u577_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">75</span></p>
                  </div>
                </div>
              </div>
              <div id="u572-5" class="preeval" style="width: 344px; height: 39px;">

                <!-- Unnamed (矩形) -->
                <div id="u573-5" class="ax_default box_1 u573" style="width: 367px; height: 39px; left: -23px; top: 0px;visibility: inherit">
                  <div id="u573-5_div" class="u573_div" style="width: 367px; height: 39px;visibility: inherit"></div>
                  <div id="u573-5_text" class="text u573_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 头像 (图像) -->
                <div id="u574-5" class="ax_default image u574" data-label="头像" style="width: 31px; height: 31px; left: 11px; top: 8px;visibility: inherit">
                  <img id="u574-5_img" class="img u574_img" src="images/好友排行榜（动态面板）/p4.png"/>
                  <div id="u574-5_text" class="text u574_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 姓名 (矩形) -->
                <div id="u575-5" class="ax_default _标题3 u575" data-label="姓名" style="width: 72px; height: 21px; left: 58px; top: 13px;visibility: inherit">
                  <div id="u575-5_div" class="u575_div" style="width: 72px; height: 21px;visibility: inherit"></div>
                  <div id="u575-5_text" class="text u575_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">明明</span></p>
                  </div>
                </div>

                <!-- 专注时间 (矩形) -->
                <div id="u576-5" class="ax_default label u576" data-label="专注时间" style="width: 56px; height: 16px; left: 183px; top: 16px;visibility: inherit">
                  <div id="u576-5_div" class="u576_div" style="width: 56px; height: 16px;visibility: inherit"></div>
                  <div id="u576-5_text" class="text u576_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">500</span></p>
                  </div>
                </div>

                <!-- 打卡次数 (矩形) -->
                <div id="u577-5" class="ax_default label u577" data-label="打卡次数" style="width: 56px; height: 16px; left: 247px; top: 16px;visibility: inherit">
                  <div id="u577-5_div" class="u577_div" style="width: 56px; height: 16px;visibility: inherit"></div>
                  <div id="u577-5_text" class="text u577_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">86</span></p>
                  </div>
                </div>
              </div>
              <div id="u572-6" class="preeval" style="width: 344px; height: 39px;">

                <!-- Unnamed (矩形) -->
                <div id="u573-6" class="ax_default box_1 u573" style="width: 367px; height: 39px; left: -23px; top: 0px;visibility: inherit">
                  <div id="u573-6_div" class="u573_div" style="width: 367px; height: 39px;visibility: inherit"></div>
                  <div id="u573-6_text" class="text u573_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 头像 (图像) -->
                <div id="u574-6" class="ax_default image u574" data-label="头像" style="width: 31px; height: 31px; left: 11px; top: 8px;visibility: inherit">
                  <img id="u574-6_img" class="img u574_img" src="images/好友排行榜（动态面板）/p5.jpg"/>
                  <div id="u574-6_text" class="text u574_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- 姓名 (矩形) -->
                <div id="u575-6" class="ax_default _标题3 u575" data-label="姓名" style="width: 72px; height: 21px; left: 58px; top: 13px;visibility: inherit">
                  <div id="u575-6_div" class="u575_div" style="width: 72px; height: 21px;visibility: inherit"></div>
                  <div id="u575-6_text" class="text u575_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">Miao（我）</span></p>
                  </div>
                </div>

                <!-- 专注时间 (矩形) -->
                <div id="u576-6" class="ax_default label u576" data-label="专注时间" style="width: 56px; height: 16px; left: 183px; top: 16px;visibility: inherit">
                  <div id="u576-6_div" class="u576_div" style="width: 56px; height: 16px;visibility: inherit"></div>
                  <div id="u576-6_text" class="text u576_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">600</span></p>
                  </div>
                </div>

                <!-- 打卡次数 (矩形) -->
                <div id="u577-6" class="ax_default label u577" data-label="打卡次数" style="width: 56px; height: 16px; left: 247px; top: 16px;visibility: inherit">
                  <div id="u577-6_div" class="u577_div" style="width: 56px; height: 16px;visibility: inherit"></div>
                  <div id="u577-6_text" class="text u577_text" style="visibility: inherit">
                    <p><span style="text-decoration:none;">21</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u578" class="ax_default box_2">
              <div id="u578_div" class=""></div>
              <div id="u578_text" class="text ">
                <p><span style="text-decoration:none;">今日好友排行</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u579" class="ax_default box_2">
              <div id="u579_div" class=""></div>
              <div id="u579_text" class="text ">
                <p><span style="text-decoration:none;">本周总排行</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u580" class="ax_default box_2">
              <div id="u580_div" class=""></div>
              <div id="u580_text" class="text ">
                <p><span style="text-decoration:none;">上一页</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u581" class="ax_default box_2">
              <div id="u581_div" class=""></div>
              <div id="u581_text" class="text ">
                <p><span style="text-decoration:none;">下一页</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u582" class="ax_default _文本">
              <div id="u582_div" class=""></div>
              <div id="u582_text" class="text ">
                <p><span style="text-decoration:none;">前往第</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u583" class="ax_default _文本">
              <div id="u583_div" class=""></div>
              <div id="u583_text" class="text ">
                <p><span style="text-decoration:none;">页</span></p>
              </div>
            </div>

            <!-- Unnamed (文本框(单行)) -->
            <div id="u584" class="ax_default text_field">
              <div id="u584_div" class=""></div>
              <input id="u584_input" type="text" value="" class="u584_input"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u585" class="ax_default primary_button">
              <div id="u585_div" class=""></div>
              <div id="u585_text" class="text ">
                <p><span style="text-decoration:none;">专注时长/分钟</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u586" class="ax_default primary_button">
              <div id="u586_div" class=""></div>
              <div id="u586_text" class="text ">
                <p><span style="text-decoration:none;">打卡次数</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u587" class="ax_default flow_shape">
        <img id="u587_img" class="img " src="images/猫咪家园/u408.svg"/>
        <div id="u587_text" class="text ">
          <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;text-decoration:none;">数据-好友排行榜</span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;text-decoration:none;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;text-decoration:none;">1. 此页面为好友排行榜页面，显示用户于好友之间的数据排行情况。</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;text-decoration:none;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;text-decoration:none;">2.单击最上方两个按钮实现排行榜的切换效果。</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;text-decoration:none;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;text-decoration:none;">3.单击列表上方两个按钮实现排行榜的不同的排序效果，分别是“专注时长降序”和“打卡次数降序”。</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;text-decoration:none;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;text-decoration:none;">4.在本周总排行榜，还可以进行排行榜列表页的跳转，点击下一页、上一页或者直接输入第x页即可实现排行列表的跳转。</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;text-decoration:none;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;text-decoration:none;">5.点击最上方按钮实现排序变为默认状态。</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;text-decoration:none;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;text-decoration:none;">3.点击下方的控件即可跳转至其他部分</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u588" class="ax_default button">
        <div id="u588_div" class=""></div>
        <div id="u588_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u589" class="ax_default button">
        <div id="u589_div" class=""></div>
        <div id="u589_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u590" class="ax_default button">
        <img id="u590_img" class="img " src="images/好友排行榜（动态面板）/u590.svg"/>
        <div id="u590_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>