master

分支 (1)

管理

管理

master

APP_design_week6
/
图例.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"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <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-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.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="u49" class="ax_default box_1">
        <div id="u49_div" class=""></div>
        <div id="u49_text" class="text ">
          <p><span>图例</span></p>
        </div>
      </div>

      <!-- 界面图例 (组合) -->
      <div id="u50" class="ax_default" data-label="界面图例" data-left="138" data-top="77" data-width="354" data-height="413">

        <!-- Unnamed (矩形) -->
        <div id="u51" class="ax_default box_3">
          <div id="u51_div" class=""></div>
          <div id="u51_text" class="text ">
            <p><span>&nbsp;1.界面图例</span></p>
          </div>
        </div>

        <!-- 箭头 (组合) -->
        <div id="u52" class="ax_default" data-label="箭头" data-left="145" data-top="166.5" data-width="186.5" data-height="22">

          <!-- Unnamed (图片) -->
          <div id="u53" class="ax_default _图片">
            <img id="u53_img" class="img " src="images/图例/u53.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u54" class="ax_default line">
            <img id="u54_img" class="img " src="images/图例/u54.png"/>
          </div>

          <!-- Unnamed (三角形) -->
          <div id="u55" class="ax_default box_1">
            <img id="u55_img" class="img " src="images/图例/u55.png"/>
          </div>
        </div>

        <!-- 箭头+圆点 (组合) -->
        <div id="u56" class="ax_default" data-label="箭头+圆点" data-left="138" data-top="240.5" data-width="193.5" data-height="22">

          <!-- Unnamed (椭圆形) -->
          <div id="u57" class="ax_default ellipse">
            <img id="u57_img" class="img " src="images/图例/u57.png"/>
          </div>

          <!-- 箭头 (组合) -->
          <div id="u58" class="ax_default" data-label="箭头" data-left="145" data-top="240.5" data-width="186.5" data-height="22">

            <!-- Unnamed (图片) -->
            <div id="u59" class="ax_default _图片">
              <img id="u59_img" class="img " src="images/图例/u53.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u60" class="ax_default line">
              <img id="u60_img" class="img " src="images/图例/u54.png"/>
            </div>

            <!-- Unnamed (三角形) -->
            <div id="u61" class="ax_default box_1">
              <img id="u61_img" class="img " src="images/图例/u55.png"/>
            </div>
          </div>
        </div>

        <!-- 箭头+圆点 (组合) -->
        <div id="u62" class="ax_default" data-label="箭头+圆点" data-left="142" data-top="313.5" data-width="193.5" data-height="22">

          <!-- Unnamed (椭圆形) -->
          <div id="u63" class="ax_default ellipse">
            <img id="u63_img" class="img " src="images/图例/u57.png"/>
          </div>

          <!-- 箭头 (组合) -->
          <div id="u64" class="ax_default" data-label="箭头" data-left="149" data-top="313.5" data-width="186.5" data-height="22">

            <!-- Unnamed (图片) -->
            <div id="u65" class="ax_default _图片">
              <img id="u65_img" class="img " src="images/图例/u53.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u66" class="ax_default line">
              <img id="u66_img" class="img " src="images/图例/u54.png"/>
            </div>

            <!-- Unnamed (三角形) -->
            <div id="u67" class="ax_default box_1">
              <img id="u67_img" class="img " src="images/图例/u55.png"/>
            </div>
          </div>
        </div>

        <!-- 箭头+圆点 (组合) -->
        <div id="u68" class="ax_default" data-label="箭头+圆点" data-left="142" data-top="386.5" data-width="193.5" data-height="22">

          <!-- Unnamed (椭圆形) -->
          <div id="u69" class="ax_default ellipse">
            <img id="u69_img" class="img " src="images/图例/u57.png"/>
          </div>

          <!-- 箭头 (组合) -->
          <div id="u70" class="ax_default" data-label="箭头" data-left="148" data-top="386.5" data-width="187.5" data-height="22">

            <!-- Unnamed (图片) -->
            <div id="u71" class="ax_default _图片">
              <img id="u71_img" class="img " src="images/图例/u53.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u72" class="ax_default line">
              <img id="u72_img" class="img " src="images/图例/u54.png"/>
            </div>

            <!-- Unnamed (三角形) -->
            <div id="u73" class="ax_default box_1">
              <img id="u73_img" class="img " src="images/图例/u55.png"/>
            </div>
          </div>
        </div>

        <!-- 箭头+圆点 (组合) -->
        <div id="u74" class="ax_default" data-label="箭头+圆点" data-left="142" data-top="460" data-width="131" data-height="15">

          <!-- Unnamed (椭圆形) -->
          <div id="u75" class="ax_default ellipse">
            <img id="u75_img" class="img " src="images/图例/u75.png"/>
          </div>

          <!-- 箭头 (组合) -->
          <div id="u76" class="ax_default" data-label="箭头" data-left="147" data-top="460" data-width="126" data-height="15">

            <!-- Unnamed (图片) -->
            <div id="u77" class="ax_default _图片">
              <img id="u77_img" class="img " src="images/图例/u53.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u78" class="ax_default line">
              <img id="u78_img" class="img " src="images/图例/u78.png"/>
            </div>

            <!-- Unnamed (三角形) -->
            <div id="u79" class="ax_default box_1">
              <img id="u79_img" class="img " src="images/图例/u79.png"/>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u80" class="ax_default box_1">
          <div id="u80_div" class=""></div>
          <div id="u80_text" class="text ">
            <p><span>自动跳转</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u81" class="ax_default box_1">
          <div id="u81_div" class=""></div>
          <div id="u81_text" class="text ">
            <p><span>点击</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u82" class="ax_default box_1">
          <div id="u82_div" class=""></div>
          <div id="u82_text" class="text ">
            <p><span>操作说明，如“长按、双击”</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u83" class="ax_default box_1">
          <div id="u83_div" class=""></div>
          <div id="u83_text" class="text ">
            <p><span>带示意图的操作事件</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u84" class="ax_default box_1">
          <div id="u84_div" class=""></div>
          <div id="u84_text" class="text ">
            <p><span>P6-界面4</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u85" class="ax_default box_1">
          <div id="u85_div" class=""></div>
          <div id="u85_text" class="text ">
            <p><span>跳转到文档第6页第4个页面</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u86" class="ax_default _图片">
          <img id="u86_img" class="img " src="images/图例/u86.png"/>
        </div>
      </div>

      <!-- 手势操作 (组合) -->
      <div id="u87" class="ax_default" data-label="手势操作" data-left="627" data-top="468" data-width="536" data-height="746">

        <!-- 手势 (组合) -->
        <div id="u88" class="ax_default" data-label="手势" data-left="641" data-top="522" data-width="424" data-height="607">

          <!-- Unnamed (图片) -->
          <div id="u89" class="ax_default _图片">
            <img id="u89_img" class="img " src="images/图例/u89.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u90" class="ax_default _图片">
            <img id="u90_img" class="img " src="images/封面/u5.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u91" class="ax_default _图片">
            <img id="u91_img" class="img " src="images/图例/u91.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u92" class="ax_default _图片">
            <img id="u92_img" class="img " src="images/图例/u92.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u93" class="ax_default _图片">
            <img id="u93_img" class="img " src="images/图例/u93.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u94" class="ax_default _图片">
            <img id="u94_img" class="img " src="images/图例/u86.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u95" class="ax_default _图片">
            <img id="u95_img" class="img " src="images/图例/u95.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u96" class="ax_default _图片">
            <img id="u96_img" class="img " src="images/图例/u96.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u97" class="ax_default _图片">
            <img id="u97_img" class="img " src="images/图例/u97.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u98" class="ax_default _图片">
            <img id="u98_img" class="img " src="images/图例/u98.png"/>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u99" class="ax_default" data-left="962.5" data-top="714" data-width="102.5" data-height="75">

            <!-- Unnamed (图片) -->
            <div id="u100" class="ax_default _图片">
              <img id="u100_img" class="img " src="images/图例/u100.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u101" class="ax_default _图片">
              <img id="u101_img" class="img " src="images/图例/u101.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u102" class="ax_default _图片">
              <img id="u102_img" class="img " src="images/图例/u101.png"/>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u103" class="ax_default" data-left="968" data-top="876" data-width="94" data-height="102">

            <!-- Unnamed (图片) -->
            <div id="u104" class="ax_default _图片">
              <img id="u104_img" class="img " src="images/图例/u100.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u105" class="ax_default _图片">
              <img id="u105_img" class="img " src="images/图例/u101.png"/>
            </div>
          </div>
        </div>

        <!-- 说明文字 (组合) -->
        <div id="u106" class="ax_default" data-label="说明文字" data-left="627" data-top="588" data-width="536" data-height="626">

          <!-- Unnamed (矩形) -->
          <div id="u107" class="ax_default box_1">
            <div id="u107_div" class=""></div>
            <div id="u107_text" class="text ">
              <p><span>点击（Tap）</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u108" class="ax_default box_1">
            <div id="u108_div" class=""></div>
            <div id="u108_text" class="text ">
              <p><span>长按（Long Press）</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u109" class="ax_default box_1">
            <div id="u109_div" class=""></div>
            <div id="u109_text" class="text ">
              <p><span>双击（Double Tap）</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u110" class="ax_default box_1">
            <div id="u110_div" class=""></div>
            <div id="u110_text" class="text ">
              <p><span>滑动（Swipe）</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u111" class="ax_default box_1">
            <div id="u111_div" class=""></div>
            <div id="u111_text" class="text ">
              <p><span>滑动（Swipe）</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u112" class="ax_default box_1">
            <div id="u112_div" class=""></div>
            <div id="u112_text" class="text ">
              <p><span>左右滑动（Swipe）</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u113" class="ax_default box_1">
            <div id="u113_div" class=""></div>
            <div id="u113_text" class="text ">
              <p><span>拖拽（Drag）</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u114" class="ax_default box_1">
            <div id="u114_div" class=""></div>
            <div id="u114_text" class="text ">
              <p><span>拖拽（Drag）</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u115" class="ax_default box_1">
            <div id="u115_div" class=""></div>
            <div id="u115_text" class="text ">
              <p><span>上滑（Swipe）</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u116" class="ax_default box_1">
            <div id="u116_div" class=""></div>
            <div id="u116_text" class="text ">
              <p><span>旋转（Rotate）</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u117" class="ax_default box_1">
            <div id="u117_div" class=""></div>
            <div id="u117_text" class="text ">
              <p><span>放大（Pinch open）</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u118" class="ax_default box_1">
            <div id="u118_div" class=""></div>
            <div id="u118_text" class="text ">
              <p><span>缩小（Pinch Close）</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u119" class="ax_default box_3">
          <div id="u119_div" class=""></div>
          <div id="u119_text" class="text ">
            <p><span>&nbsp;3.手势操作</span></p>
          </div>
        </div>
      </div>

      <!-- 流程图例 (组合) -->
      <div id="u120" class="ax_default" data-label="流程图例" data-left="640" data-top="77" data-width="511" data-height="324">

        <!-- Unnamed (菱形) -->
        <div id="u121" class="ax_default box_1">
          <img id="u121_img" class="img " src="images/图例/u121.png"/>
          <div id="u121_text" class="text ">
            <p><span>判断</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u122" class="ax_default box_1">
          <div id="u122_div" class=""></div>
          <div id="u122_text" class="text ">
            <p><span>开始</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u123" class="ax_default box_1">
          <div id="u123_div" class=""></div>
          <div id="u123_text" class="text ">
            <p><span>流程</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u124" class="ax_default" data-left="950" data-top="343" data-width="195" data-height="33">

          <!-- Unnamed (水平线) -->
          <div id="u125" class="ax_default line">
            <img id="u125_img" class="img " src="images/图例/u54.png"/>
          </div>

          <!-- Unnamed (三角形) -->
          <div id="u126" class="ax_default box_1">
            <img id="u126_img" class="img " src="images/图例/u126.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u127" class="ax_default box_3">
          <div id="u127_div" class=""></div>
          <div id="u127_text" class="text ">
            <p><span>&nbsp;2.流程图例</span></p>
          </div>
        </div>
      </div>

      <!-- 页面名称 (组合) -->
      <div id="u128" class="ax_default" data-label="页面名称" data-left="64" data-top="503" data-width="458" data-height="612">

        <!-- Unnamed (矩形) -->
        <div id="u129" class="ax_default box_2">
          <div id="u129_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u130" class="ax_default line">
          <img id="u130_img" class="img " src="images/图例/u130.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u131" class="ax_default box_1">
          <div id="u131_div" class=""></div>
          <div id="u131_text" class="text ">
            <p><span>iOS 375X667</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u132" class="ax_default box_1">
          <div id="u132_div" class=""></div>
          <div id="u132_text" class="text ">
            <p><span>iOS Plus 414x736</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u133" class="ax_default box_1">
          <div id="u133_div" class=""></div>
          <div id="u133_text" class="text ">
            <p><span>文字说明区域：xxx</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u134" class="ax_default box_1">
          <div id="u134_div" class=""></div>
          <div id="u134_text" class="text ">
            <p><span>1-1页面名称</span></p>
          </div>
        </div>

        <!-- Unnamed (占位符) -->
        <div id="u135" class="ax_default placeholder">
          <img id="u135_img" class="img " src="images/图例/u135.png"/>
          <div id="u135_text" class="text ">
            <p><span>图片</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u136" class="ax_default" data-left="402" data-top="676" data-width="91" data-height="46">

          <!-- Unnamed (水平线) -->
          <div id="u137" class="ax_default line">
            <img id="u137_img" class="img " src="images/图例/u137.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u138" class="ax_default box_1">
            <div id="u138_div" class=""></div>
            <div id="u138_text" class="text ">
              <p><span>文字说明</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u139" class="ax_default" data-left="406" data-top="750" data-width="84" data-height="41">

          <!-- 箭头+圆点 (组合) -->
          <div id="u140" class="ax_default" data-label="箭头+圆点" data-left="406" data-top="766" data-width="49" data-height="8">

            <!-- Unnamed (椭圆形) -->
            <div id="u141" class="ax_default ellipse">
              <img id="u141_img" class="img " src="images/图例/u75.png"/>
            </div>

            <!-- 箭头 (组合) -->
            <div id="u142" class="ax_default" data-label="箭头" data-left="410" data-top="768" data-width="45" data-height="6">

              <!-- Unnamed (图片) -->
              <div id="u143" class="ax_default _图片">
                <img id="u143_img" class="img " src="images/图例/u53.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u144" class="ax_default line">
                <img id="u144_img" class="img " src="images/图例/u144.png"/>
              </div>
            </div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u145" class="ax_default ellipse">
            <img id="u145_img" class="img " src="images/图例/u145.png"/>
            <div id="u145_text" class="text ">
              <p><span>A</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u146" class="ax_default box_1">
          <img id="u146_img" class="img " src="images/图例/u146.png"/>
          <div id="u146_text" class="text ">
            <p><span>区域标注</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u147" class="ax_default" data-left="384" data-top="946" data-width="127" data-height="100">

          <!-- Unnamed (花括号) -->
          <div id="u148" class="ax_default box_1">
            <img id="u148_img" class="img " src="images/图例/u148.png"/>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u149" class="ax_default" data-left="420" data-top="975" data-width="91" data-height="46">

            <!-- Unnamed (水平线) -->
            <div id="u150" class="ax_default line">
              <img id="u150_img" class="img " src="images/图例/u137.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u151" class="ax_default box_1">
              <div id="u151_div" class=""></div>
              <div id="u151_text" class="text ">
                <p><span>范围标注</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u152" class="ax_default box_3">
        <div id="u152_div" class=""></div>
        <div id="u152_text" class="text ">
          <p><span>&nbsp;2.动效图例</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u153" class="ax_default _图片">
        <img id="u153_img" class="img " src="images/图例/u153.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u154" class="ax_default _图片">
        <img id="u154_img" class="img " src="images/图例/u154.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u155" class="ax_default _图片">
        <img id="u155_img" class="img " src="images/图例/u155.png"/>
      </div>
    </div>
  </body>
</html>