master

分支 (1)

管理

管理

master

APP-design-week5
/
3_4_睡眠辅助.html

<!DOCTYPE html>
<html>
  <head>
    <title>3.4 睡眠辅助</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/3_4_睡眠辅助/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/3_4_睡眠辅助/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="u646" class="ax_default box_3">
        <div id="u646_div" class=""></div>
      </div>

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

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

      <!-- Unnamed (矩形) -->
      <div id="u649" class="ax_default label">
        <div id="u649_div" class=""></div>
        <div id="u649_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

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

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

      <!-- Unnamed (矩形) -->
      <div id="u652" class="ax_default label">
        <div id="u652_div" class=""></div>
        <div id="u652_text" class="text ">
          <p><span>7:30 PM</span></p>
        </div>
      </div>

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

      <!-- Unnamed (形状) -->
      <div id="u654" class="ax_default icon">
        <img id="u654_img" class="img " src="images/2_1_天气查看/u343.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u655" class="ax_default icon">
        <img id="u655_img" class="img " src="images/1_2_闹钟响起/u232.png"/>
      </div>

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

      <!-- Unnamed (矩形) -->
      <div id="u657" class="ax_default box_1">
        <img id="u657_img" class="img " src="images/3_1_闹钟设置/u396.png"/>
        <div id="u657_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

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

      <!-- Unnamed (水平线) -->
      <div id="u659" class="ax_default line">
        <img id="u659_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u660" class="ax_default line">
        <img id="u660_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u661" class="ax_default line">
        <img id="u661_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u662" class="ax_default line">
        <img id="u662_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u663" class="ax_default line">
        <img id="u663_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u664" class="ax_default label">
        <div id="u664_div" class=""></div>
        <div id="u664_text" class="text ">
          <p><span>贪睡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u665" class="ax_default label">
        <div id="u665_div" class=""></div>
        <div id="u665_text" class="text ">
          <p><span>睡眠检测</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u666" class="ax_default label">
        <div id="u666_div" class=""></div>
        <div id="u666_text" class="text ">
          <p><span>睡眠辅助</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u667" class="ax_default label">
        <div id="u667_div" class=""></div>
        <div id="u667_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u668" class="ax_default label">
        <div id="u668_div" class=""></div>
        <div id="u668_text" class="text ">
          <p><span>声音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u669" class="ax_default label">
        <div id="u669_div" class=""></div>
        <div id="u669_text" class="text ">
          <p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">Mountain </span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">&gt;</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u670" class="ax_default label">
        <div id="u670_div" class=""></div>
        <div id="u670_text" class="text ">
          <p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">5分钟</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;"> &gt;</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u671" class="ax_default label">
        <div id="u671_div" class=""></div>
        <div id="u671_text" class="text ">
          <p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">开 </span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">&gt;</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u672" class="ax_default label">
        <div id="u672_div" class=""></div>
        <div id="u672_text" class="text ">
          <p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">开 </span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">&gt;</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u673" class="ax_default label">
        <div id="u673_div" class=""></div>
        <div id="u673_text" class="text ">
          <p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">开 </span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">&gt;</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u674" class="ax_default label">
        <div id="u674_div" class=""></div>
        <div id="u674_text" class="text ">
          <p><span>外接灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u675" class="ax_default label">
        <div id="u675_div" class=""></div>
        <div id="u675_text" class="text ">
          <p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">开 </span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">&gt;</span></p>
        </div>
      </div>

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

      <!-- Unnamed (水平线) -->
      <div id="u677" class="ax_default line">
        <img id="u677_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u678" class="ax_default line">
        <img id="u678_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u679" class="ax_default label">
        <div id="u679_div" class=""></div>
        <div id="u679_text" class="text ">
          <p><span>帮助与反馈</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u680" class="ax_default label">
        <div id="u680_div" class=""></div>
        <div id="u680_text" class="text ">
          <p><span>版权声明</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u681" class="ax_default label">
        <div id="u681_div" class=""></div>
        <div id="u681_text" class="text ">
          <p><span>关于我们</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u682" class="ax_default _一级标题">
        <div id="u682_div" class=""></div>
        <div id="u682_text" class="text ">
          <p><span>闹钟设置</span></p>
        </div>
      </div>

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u686" class="ax_default label">
        <div id="u686_div" class=""></div>
        <div id="u686_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

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

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

      <!-- Unnamed (矩形) -->
      <div id="u689" class="ax_default label">
        <div id="u689_div" class=""></div>
        <div id="u689_text" class="text ">
          <p><span>7:30 PM</span></p>
        </div>
      </div>

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

      <!-- Unnamed (形状) -->
      <div id="u691" class="ax_default icon">
        <img id="u691_img" class="img " src="images/2_1_天气查看/u343.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u692" class="ax_default icon">
        <img id="u692_img" class="img " src="images/1_2_闹钟响起/u232.png"/>
      </div>

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

      <!-- Unnamed (矩形) -->
      <div id="u694" class="ax_default box_1">
        <img id="u694_img" class="img " src="images/3_1_闹钟设置/u396.png"/>
        <div id="u694_text" class="text ">
          <p><span>睡眠辅助</span></p>
        </div>
      </div>

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

      <!-- Unnamed (水平线) -->
      <div id="u696" class="ax_default line">
        <img id="u696_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u697" class="ax_default line">
        <img id="u697_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u698" class="ax_default line">
        <img id="u698_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u699" class="ax_default _一级标题">
        <div id="u699_div" class=""></div>
        <div id="u699_text" class="text ">
          <p><span>睡眠辅助开启</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u700" class="ax_default label">
        <div id="u700_div" class=""></div>
        <div id="u700_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="u701" class="ax_default" data-left="691" data-top="181" data-width="40" data-height="22">

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

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

      <!-- Unnamed (矩形) -->
      <div id="u704" class="ax_default label">
        <div id="u704_div" class=""></div>
        <div id="u704_text" class="text ">
          <p><span>睡眠辅助</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u705" class="ax_default _文本段落">
        <div id="u705_div" class=""></div>
        <div id="u705_text" class="text ">
          <p><span>通过舒缓型音乐、定时播放辅助您安然入睡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u706" class="ax_default _文本段落">
        <div id="u706_div" class=""></div>
        <div id="u706_text" class="text ">
          <p><span>声音持续时间</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u707" class="ax_default box_1">
        <img id="u707_img" class="img " src="images/3_4_睡眠辅助/u707.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u708" class="ax_default _文本段落">
        <div id="u708_div" class=""></div>
        <div id="u708_text" class="text ">
          <p><span>声音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u709" class="ax_default _文本段落">
        <div id="u709_div" class=""></div>
        <div id="u709_text" class="text ">
          <p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">轻音乐1&nbsp; </span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">&gt;</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u710" class="ax_default _文本段落">
        <div id="u710_div" class=""></div>
        <div id="u710_text" class="text ">
          <p><span>5分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u711" class="ax_default _文本段落">
        <div id="u711_div" class=""></div>
        <div id="u711_text" class="text ">
          <p><span>3分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u712" class="ax_default _文本段落">
        <div id="u712_div" class=""></div>
        <div id="u712_text" class="text ">
          <p><span>10分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u713" class="ax_default line">
        <img id="u713_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u714" class="ax_default line">
        <img id="u714_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u715" class="ax_default _文本段落">
        <div id="u715_div" class=""></div>
        <div id="u715_text" class="text ">
          <p><span>15分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u716" class="ax_default _文本段落">
        <div id="u716_div" class=""></div>
        <div id="u716_text" class="text ">
          <p><span>30分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u717" class="ax_default _文本段落">
        <div id="u717_div" class=""></div>
        <div id="u717_text" class="text ">
          <p><span>45分钟</span></p>
        </div>
      </div>

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u721" class="ax_default label">
        <div id="u721_div" class=""></div>
        <div id="u721_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

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

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

      <!-- Unnamed (矩形) -->
      <div id="u724" class="ax_default label">
        <div id="u724_div" class=""></div>
        <div id="u724_text" class="text ">
          <p><span>7:30 PM</span></p>
        </div>
      </div>

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

      <!-- Unnamed (形状) -->
      <div id="u726" class="ax_default icon">
        <img id="u726_img" class="img " src="images/2_1_天气查看/u343.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u727" class="ax_default icon">
        <img id="u727_img" class="img " src="images/1_2_闹钟响起/u232.png"/>
      </div>

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

      <!-- Unnamed (矩形) -->
      <div id="u729" class="ax_default box_1">
        <img id="u729_img" class="img " src="images/3_1_闹钟设置/u396.png"/>
        <div id="u729_text" class="text ">
          <p><span>声音</span></p>
        </div>
      </div>

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

      <!-- Unnamed (水平线) -->
      <div id="u731" class="ax_default line">
        <img id="u731_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u732" class="ax_default line">
        <img id="u732_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u733" class="ax_default line">
        <img id="u733_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u734" class="ax_default label">
        <div id="u734_div" class=""></div>
        <div id="u734_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="u735" class="ax_default _文本段落">
        <div id="u735_div" class=""></div>
        <div id="u735_text" class="text ">
          <p><span>选择音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u736" class="ax_default _文本段落">
        <div id="u736_div" class=""></div>
        <div id="u736_text" class="text ">
          <p><span>轻音乐2</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u737" class="ax_default _文本段落">
        <div id="u737_div" class=""></div>
        <div id="u737_text" class="text ">
          <p><span>轻音乐1</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u738" class="ax_default _文本段落">
        <div id="u738_div" class=""></div>
        <div id="u738_text" class="text ">
          <p><span>轻音乐3</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u739" class="ax_default line">
        <img id="u739_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u740" class="ax_default line">
        <img id="u740_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u741" class="ax_default _文本段落">
        <div id="u741_div" class=""></div>
        <div id="u741_text" class="text ">
          <p><span>轻音乐4</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u742" class="ax_default line">
        <img id="u742_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u743" class="ax_default line">
        <img id="u743_img" class="img " src="images/3_1_闹钟设置/u398.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u744" class="ax_default _文本段落">
        <div id="u744_div" class=""></div>
        <div id="u744_text" class="text ">
          <p><span>轻音乐5</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u745" class="ax_default _文本段落">
        <div id="u745_div" class=""></div>
        <div id="u745_text" class="text ">
          <p><span>轻音乐6</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u746" class="ax_default _文本段落">
        <div id="u746_div" class=""></div>
        <div id="u746_text" class="text ">
          <p><span>轻音乐7</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u747" class="ax_default _文本段落">
        <div id="u747_div" class=""></div>
        <div id="u747_text" class="text ">
          <p><span>自定义…</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u748" class="ax_default icon">
        <img id="u748_img" class="img " src="images/3_4_睡眠辅助/u748.png"/>
      </div>

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u752" class="ax_default label">
        <div id="u752_div" class=""></div>
        <div id="u752_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

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

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

      <!-- Unnamed (矩形) -->
      <div id="u755" class="ax_default label">
        <div id="u755_div" class=""></div>
        <div id="u755_text" class="text ">
          <p><span>7:30 PM</span></p>
        </div>
      </div>

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

      <!-- Unnamed (形状) -->
      <div id="u757" class="ax_default icon">
        <img id="u757_img" class="img " src="images/2_1_天气查看/u343.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u758" class="ax_default icon">
        <img id="u758_img" class="img " src="images/1_2_闹钟响起/u232.png"/>
      </div>

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

      <!-- Unnamed (矩形) -->
      <div id="u760" class="ax_default box_1">
        <img id="u760_img" class="img " src="images/3_1_闹钟设置/u396.png"/>
        <div id="u760_text" class="text ">
          <p><span>睡眠辅助</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u761" class="ax_default label">
        <div id="u761_div" class=""></div>
        <div id="u761_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="u762" class="ax_default label">
        <div id="u762_div" class=""></div>
        <div id="u762_text" class="text ">
          <p><span>睡眠辅助</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u763" class="ax_default _文本段落">
        <div id="u763_div" class=""></div>
        <div id="u763_text" class="text ">
          <p><span>通过舒缓型音乐、定时播放辅助您安然入睡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u764" class="ax_default _一级标题">
        <div id="u764_div" class=""></div>
        <div id="u764_text" class="text ">
          <p><span>睡眠辅助关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u765" class="ax_default _文本段落">
        <div id="u765_div" class=""></div>
        <div id="u765_text" class="text ">
          <p><span>1. 睡眠辅助：</span></p><p><span>当前按钮为显示绿色，为“选中”模式</span></p><p><span><br></span></p><p><span>“睡眠辅助”：点击按钮呈现绿色，即开启睡眠辅助功能</span></p><p><span><br></span></p><p><span>“关闭”：点击按钮取消选中，关闭睡眠辅助功能</span></p><p><span><br></span></p><p><span>2. 关闭睡眠辅助功能时，“声音和声音持续时间”模块不显示</span></p><p><span><br></span></p><p><span>3. 声音：</span></p><p><span>当前为选中“轻音乐1”的状态</span></p><p><span>点击整行选中，跳转至【3.4 选择辅助声音】页面，可进行选择音乐操作，最后一个选项为“自定义”，即跳转到第三方音乐软件选择页面</span></p><p><span><br></span></p><p><span>4.声音持续时间：</span></p><p><span>当前为选中“5分钟”的状态</span></p><p><span>点击整行选中，即可选择声音的持续时间</span></p><p><span><br></span></p><p><span>5. 点击“返回”按键跳转至【3.1 闹钟设置】页面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u766" class="ax_default _一级标题">
        <div id="u766_div" class=""></div>
        <div id="u766_text" class="text ">
          <p><span>选择辅助声音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u767" class="ax_default flow_shape">
        <img id="u767_img" class="img " src="images/3_2_贪睡/u508.png"/>
      </div>

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

      <!-- Unnamed (形状) -->
      <div id="u769" class="ax_default icon">
        <img id="u769_img" class="img " src="images/3_4_睡眠辅助/u748.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u770" class="compound ax_default arrow" WidgetHeight="2" WidgetWidth="161" CompoundMode="true">
        <img id="u770_img" class="singleImg img " src="images/3_3_睡眠检测/u640.png"/>
        <div id="u770p000" class="ax_vector_shape" WidgetTopLeftX="-0.481927710843373" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.487951807228916" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.481927710843373" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.487951807228916" WidgetBottomRightY="0.166666666666667">
          <img id="u770p000_img" class="img " src="images/3_4_睡眠辅助/u770p000.png"/>
        </div>
        <div id="u770p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.5" WidgetTopRightX="40" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="40" WidgetBottomRightY="0">
          <img id="u770p001_img" class="img " src="images/1_1_闹钟设定/u206p001.png"/>
        </div>
        <div id="u770p002" class="ax_vector_shape" WidgetTopLeftX="6.45833333333333" WidgetTopLeftY="0.0454545454545455" WidgetTopRightX="-0.25" WidgetTopRightY="0.0454545454545455" WidgetBottomLeftX="6.45833333333333" WidgetBottomLeftY="-0.0454545454545455" WidgetBottomRightX="-0.25" WidgetBottomRightY="-0.0454545454545455">
          <img id="u770p002_img" class="img " src="images/图例/u62p002.png"/>
        </div>
      </div>

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

      <!-- Unnamed (组合 ) -->
      <div id="u772" class="ax_default" data-left="414" data-top="262" data-width="43" data-height="58">

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

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

      <!-- Unnamed (水平线) -->
      <div id="u775" class="compound ax_default arrow" WidgetHeight="2" WidgetWidth="123" CompoundMode="true">
        <img id="u775_img" class="singleImg img " src="images/3_4_睡眠辅助/u775.png"/>
        <div id="u775p000" class="ax_vector_shape" WidgetTopLeftX="-0.4765625" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.484375" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.4765625" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.484375" WidgetBottomRightY="0.166666666666667">
          <img id="u775p000_img" class="img " src="images/3_4_睡眠辅助/u775p000.png"/>
        </div>
        <div id="u775p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.5" WidgetTopRightX="30.5" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="30.5" WidgetBottomRightY="0">
          <img id="u775p001_img" class="img " src="images/1_1_闹钟设定/u206p001.png"/>
        </div>
        <div id="u775p002" class="ax_vector_shape" WidgetTopLeftX="4.875" WidgetTopLeftY="0.0454545454545455" WidgetTopRightX="-0.25" WidgetTopRightY="0.0454545454545455" WidgetBottomLeftX="4.875" WidgetBottomLeftY="-0.0454545454545455" WidgetBottomRightX="-0.25" WidgetBottomRightY="-0.0454545454545455">
          <img id="u775p002_img" class="img " src="images/图例/u62p002.png"/>
        </div>
      </div>

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

      <!-- Unnamed (组合 ) -->
      <div id="u777" class="ax_default" data-left="794" data-top="248" data-width="43" data-height="58">

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

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