master

分支 (1)

管理

管理

master

APP-design-week5
/
1_3_音乐设置.html

<!DOCTYPE html>
<html>
  <head>
    <title>1.3 音乐设置</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/1_3_音乐设置/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/1_3_音乐设置/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="u270" class="ax_default box_3">
        <div id="u270_div" class=""></div>
      </div>

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

      <!-- Unnamed (形状) -->
      <div id="u272" class="ax_default icon">
        <img id="u272_img" class="img " src="images/1_1_闹钟设定/u121.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u273" class="ax_default label">
        <div id="u273_div" class=""></div>
        <div id="u273_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u274" class="ax_default icon">
        <img id="u274_img" class="img " src="images/1_1_闹钟设定/u123.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u275" class="ax_default icon">
        <img id="u275_img" class="img " src="images/1_1_闹钟设定/u124.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u276" class="ax_default label">
        <div id="u276_div" class=""></div>
        <div id="u276_text" class="text ">
          <p><span>7:35 PM</span></p>
        </div>
      </div>

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

      <!-- Unnamed (矩形) -->
      <div id="u278" class="ax_default label">
        <div id="u278_div" class=""></div>
        <div id="u278_text" class="text ">
          <p><span>07&nbsp; :&nbsp; 00</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u279" class="ax_default label">
        <div id="u279_div" class=""></div>
        <div id="u279_text" class="text ">
          <p><span>06&nbsp; :&nbsp; 59</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u280" class="ax_default label">
        <div id="u280_div" class=""></div>
        <div id="u280_text" class="text ">
          <p><span>08&nbsp; :&nbsp; 01</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u281" class="ax_default label">
        <div id="u281_div" class=""></div>
        <div id="u281_text" class="text ">
          <p><span>05&nbsp; :&nbsp; 58</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u282" class="ax_default label">
        <div id="u282_div" class=""></div>
        <div id="u282_text" class="text ">
          <p><span>09&nbsp; :&nbsp; 02</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u283" class="ax_default label">
        <div id="u283_div" class=""></div>
        <div id="u283_text" class="text ">
          <p><span>AM</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u284" class="ax_default label">
        <div id="u284_div" class=""></div>
        <div id="u284_text" class="text ">
          <p><span>PM</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u285" class="ax_default button">
        <div id="u285_div" class=""></div>
        <div id="u285_text" class="text ">
          <p><span>确定</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u286" class="ax_default box_3">
        <div id="u286_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u287" class="ax_default icon">
        <img id="u287_img" class="img " src="images/1_1_闹钟设定/u160.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u288" class="ax_default icon">
        <img id="u288_img" class="img " src="images/1_1_闹钟设定/u161.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u289" class="ax_default icon">
        <img id="u289_img" class="img " src="images/1_1_闹钟设定/u162.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u290" class="ax_default icon">
        <img id="u290_img" class="img " src="images/1_1_闹钟设定/u201.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u291" class="ax_default _一级标题">
        <div id="u291_div" class=""></div>
        <div id="u291_text" class="text ">
          <p><span>首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u292" class="ax_default _一级标题">
        <div id="u292_div" class=""></div>
        <div id="u292_text" class="text ">
          <p><span>音乐设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u293" class="ax_default box_3">
        <div id="u293_div" class=""></div>
      </div>

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

      <!-- Unnamed (形状) -->
      <div id="u295" class="ax_default icon">
        <img id="u295_img" class="img " src="images/1_1_闹钟设定/u121.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u296" class="ax_default label">
        <div id="u296_div" class=""></div>
        <div id="u296_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u297" class="ax_default icon">
        <img id="u297_img" class="img " src="images/1_1_闹钟设定/u123.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u298" class="ax_default icon">
        <img id="u298_img" class="img " src="images/1_1_闹钟设定/u124.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u299" class="ax_default label">
        <div id="u299_div" class=""></div>
        <div id="u299_text" class="text ">
          <p><span>7:35 PM</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u300" class="ax_default box_1">
        <img id="u300_img" class="img " src="images/1_3_音乐设置/u300.png"/>
        <div id="u300_text" class="text ">
          <p><span>声音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u301" class="ax_default box_1">
        <div id="u301_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u302" class="ax_default icon">
        <img id="u302_img" class="img " src="images/1_3_音乐设置/u302.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u303" class="ax_default line">
        <img id="u303_img" class="img " src="images/1_3_音乐设置/u303.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u304" class="ax_default icon">
        <img id="u304_img" class="img " src="images/1_3_音乐设置/u304.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u305" class="ax_default line">
        <img id="u305_img" class="img " src="images/1_3_音乐设置/u305.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u306" class="ax_default ellipse">
        <img id="u306_img" class="img " src="images/1_3_音乐设置/u306.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u307" class="ax_default box_1">
        <img id="u307_img" class="img " src="images/1_3_音乐设置/u307.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u308" class="ax_default line">
        <img id="u308_img" class="img " src="images/1_3_音乐设置/u308.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u309" class="ax_default line">
        <img id="u309_img" class="img " src="images/1_3_音乐设置/u308.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u310" class="ax_default line">
        <img id="u310_img" class="img " src="images/1_3_音乐设置/u308.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u311" class="ax_default line">
        <img id="u311_img" class="img " src="images/1_3_音乐设置/u308.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u312" class="ax_default label">
        <div id="u312_div" class=""></div>
        <div id="u312_text" class="text ">
          <p><span>Mountain</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u313" class="ax_default label">
        <div id="u313_div" class=""></div>
        <div id="u313_text" class="text ">
          <p><span>Digital</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u314" class="ax_default label">
        <div id="u314_div" class=""></div>
        <div id="u314_text" class="text ">
          <p><span>Bells</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u315" class="ax_default label">
        <div id="u315_div" class=""></div>
        <div id="u315_text" class="text ">
          <p><span>Future</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u316" class="ax_default label">
        <div id="u316_div" class=""></div>
        <div id="u316_text" class="text ">
          <p><span>更多音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u317" class="ax_default label">
        <div id="u317_div" class=""></div>
        <div id="u317_text" class="text ">
          <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">&lt;</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"> 返回</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u318" class="ax_default label">
        <div id="u318_div" class=""></div>
        <div id="u318_text" class="text ">
          <p><span>歌曲</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u319" class="ax_default box_1">
        <img id="u319_img" class="img " src="images/1_3_音乐设置/u319.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u320" class="ax_default label">
        <div id="u320_div" class=""></div>
        <div id="u320_text" class="text ">
          <p><span>振动</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u321" class="ax_default" data-left="662" data-top="431" data-width="40" data-height="22">

        <!-- Unnamed (矩形) -->
        <div id="u322" class="ax_default flow_shape">
          <img id="u322_img" class="img " src="images/1_3_音乐设置/u322.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u323" class="ax_default ellipse">
          <img id="u323_img" class="img " src="images/1_3_音乐设置/u323.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u324" class="ax_default _文本段落">
        <div id="u324_div" class=""></div>
        <div id="u324_text" class="text ">
          <p><span>1. 在【1.1 首页】页面中，点击右上角按键，进入【音乐设置】页面。</span></p><p><span><br></span></p><p><span>2. 左右滑动可调节闹钟的音量；不受设备静音或音量设置影响。</span></p><p><span><br></span></p><p><span>3. 闹钟音乐：</span></p><p><span>当前选中音乐后面会有一个“对号”；</span></p><p><span>用户点击任一行音乐，该行音乐为“选中”状态；</span></p><p><span>用户点击任一行非当前选中音乐，播放该音乐。</span></p><p><span><br></span></p><p><span>4. 点击“更多音乐”：</span></p><p><span>点击跳转进入第三方音乐软件选择页面</span></p><p><span><br></span></p><p><span>5. 点击“完成”将当前选中音乐定为闹钟响起音乐，并退出回到【1.1 首页】</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u325" class="ax_default icon">
        <img id="u325_img" class="img " src="images/1_3_音乐设置/u325.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u326" class="ax_default" data-left="313" data-top="170" data-width="204" data-height="10">

        <!-- Unnamed (水平线) -->
        <div id="u327" class="compound ax_default arrow" WidgetHeight="2" WidgetWidth="200" CompoundMode="true">
          <img id="u327_img" class="singleImg img " src="images/图例/u62.png"/>
          <div id="u327p000" class="ax_vector_shape" WidgetTopLeftX="-0.485436893203884" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.485436893203884" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.485436893203884" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.485436893203884" WidgetBottomRightY="0.166666666666667">
            <img id="u327p000_img" class="img " src="images/1_3_音乐设置/u327p000.png"/>
          </div>
          <div id="u327p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.5" WidgetTopRightX="49.75" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="49.75" WidgetBottomRightY="0">
            <img id="u327p001_img" class="img " src="images/1_1_闹钟设定/u206p001.png"/>
          </div>
          <div id="u327p002" class="ax_vector_shape" WidgetTopLeftX="8.125" WidgetTopLeftY="0.0454545454545455" WidgetTopRightX="-0.208333333333333" WidgetTopRightY="0.0454545454545455" WidgetBottomLeftX="8.125" WidgetBottomLeftY="-0.0454545454545455" WidgetBottomRightX="-0.208333333333333" WidgetBottomRightY="-0.0454545454545455">
            <img id="u327p002_img" class="img " src="images/1_3_音乐设置/u327p002.png"/>
          </div>
        </div>

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

      <!-- Unnamed (组合 ) -->
      <div id="u329" class="ax_default" data-left="376" data-top="154" data-width="43" data-height="58">

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

        <!-- Unnamed (形状) -->
        <div id="u331" class="ax_default icon">
          <img id="u331_img" class="img " src="images/图例/u94.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u332" class="ax_default label">
        <div id="u332_div" class=""></div>
        <div id="u332_text" class="text ">
          <p><span>点击</span></p>
        </div>
      </div>
    </div>
  </body>
</html>