master

分支 (1)

管理

管理

master

APP-design-week5
/
3_5_天气语音预报.html

<!DOCTYPE html>
<html>
  <head>
    <title>3.5 天气语音预报</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_5_天气语音预报/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_5_天气语音预报/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="u780" class="ax_default box_3">
        <div id="u780_div" class=""></div>
      </div>

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

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

      <!-- Unnamed (矩形) -->
      <div id="u783" class="ax_default label">
        <div id="u783_div" class=""></div>
        <div id="u783_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u798" class="ax_default label">
        <div id="u798_div" class=""></div>
        <div id="u798_text" class="text ">
          <p><span>贪睡</span></p>
        </div>
      </div>

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

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

      <!-- Unnamed (矩形) -->
      <div id="u801" class="ax_default label">
        <div id="u801_div" class=""></div>
        <div id="u801_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u802" class="ax_default label">
        <div id="u802_div" class=""></div>
        <div id="u802_text" class="text ">
          <p><span>声音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u803" class="ax_default label">
        <div id="u803_div" class=""></div>
        <div id="u803_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="u804" class="ax_default label">
        <div id="u804_div" class=""></div>
        <div id="u804_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="u805" class="ax_default label">
        <div id="u805_div" class=""></div>
        <div id="u805_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="u806" class="ax_default label">
        <div id="u806_div" class=""></div>
        <div id="u806_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="u807" class="ax_default label">
        <div id="u807_div" class=""></div>
        <div id="u807_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="u808" class="ax_default label">
        <div id="u808_div" class=""></div>
        <div id="u808_text" class="text ">
          <p><span>外接灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u809" class="ax_default label">
        <div id="u809_div" class=""></div>
        <div id="u809_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="u810" class="ax_default box_1">
        <div id="u810_div" class=""></div>
      </div>

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

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

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

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u817" class="ax_default _一级标题">
        <div id="u817_div" class=""></div>
        <div id="u817_text" class="text ">
          <p><span>天气语音预报开启，其中语音和模拟大自然声音都开启</span></p>
        </div>
      </div>

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u821" class="ax_default label">
        <div id="u821_div" class=""></div>
        <div id="u821_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

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

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

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

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

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

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

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

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u832" class="ax_default label">
        <div id="u832_div" class=""></div>
        <div id="u832_text" class="text ">
          <p><span>语音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u833" class="ax_default label">
        <div id="u833_div" class=""></div>
        <div id="u833_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="u834" class="ax_default _文本段落">
        <div id="u834_div" class=""></div>
        <div id="u834_text" class="text ">
          <p><span>请在设置中允许本APP使用您的地理位置，</span></p><p><span>语音天气功能才可用。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u835" class="ax_default label">
        <div id="u835_div" class=""></div>
        <div id="u835_text" class="text ">
          <p><span>天气语音预报</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u836" class="ax_default" data-left="665" data-top="221" data-width="40" data-height="22">

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

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

      <!-- Unnamed (矩形) -->
      <div id="u839" class="ax_default _文本段落">
        <div id="u839_div" class=""></div>
        <div id="u839_text" class="text ">
          <p><span>当您睡醒时，会通过模拟自然声或者语音预报告知您今天的天气。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u840" class="ax_default label">
        <div id="u840_div" class=""></div>
        <div id="u840_text" class="text ">
          <p><span>天气预报</span></p>
        </div>
      </div>

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u844" class="ax_default label">
        <div id="u844_div" class=""></div>
        <div id="u844_text" class="text ">
          <p><span>模拟大自然声音</span></p>
        </div>
      </div>

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u848" class="ax_default _文本段落">
        <div id="u848_div" class=""></div>
        <div id="u848_text" class="text ">
          <p><span>天气语音预报关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u849" class="ax_default _文本段落">
        <div id="u849_div" class=""></div>
        <div id="u849_text" class="text ">
          <p><span>天气语音预报开启，其中语音关闭，模拟大自然声音开启</span></p>
        </div>
      </div>

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u853" class="ax_default label">
        <div id="u853_div" class=""></div>
        <div id="u853_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

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

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

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

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

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

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

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

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u864" class="ax_default label">
        <div id="u864_div" class=""></div>
        <div id="u864_text" class="text ">
          <p><span>语音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u865" class="ax_default label">
        <div id="u865_div" class=""></div>
        <div id="u865_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="u866" class="ax_default _文本段落">
        <div id="u866_div" class=""></div>
        <div id="u866_text" class="text ">
          <p><span>请在设置中允许本APP使用您的地理位置，</span></p><p><span>语音天气功能才可用。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u867" class="ax_default label">
        <div id="u867_div" class=""></div>
        <div id="u867_text" class="text ">
          <p><span>天气语音预报</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u868" class="ax_default" data-left="674" data-top="798" data-width="40" data-height="22">

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

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

      <!-- Unnamed (矩形) -->
      <div id="u871" class="ax_default _文本段落">
        <div id="u871_div" class=""></div>
        <div id="u871_text" class="text ">
          <p><span>当您睡醒时，会通过模拟自然声或者语音预报告知您今天的天气。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u872" class="ax_default label">
        <div id="u872_div" class=""></div>
        <div id="u872_text" class="text ">
          <p><span>天气预报</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u873" class="ax_default label">
        <div id="u873_div" class=""></div>
        <div id="u873_text" class="text ">
          <p><span>模拟大自然声音</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u874" class="ax_default" data-left="671" data-top="991" data-width="40" data-height="22">

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

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

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

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

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u882" class="ax_default label">
        <div id="u882_div" class=""></div>
        <div id="u882_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

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

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

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

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

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

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

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

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u893" class="ax_default label">
        <div id="u893_div" class=""></div>
        <div id="u893_text" class="text ">
          <p><span>语音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u894" class="ax_default label">
        <div id="u894_div" class=""></div>
        <div id="u894_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="u895" class="ax_default _文本段落">
        <div id="u895_div" class=""></div>
        <div id="u895_text" class="text ">
          <p><span>请在设置中允许本APP使用您的地理位置，</span></p><p><span>语音天气功能才可用。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u896" class="ax_default label">
        <div id="u896_div" class=""></div>
        <div id="u896_text" class="text ">
          <p><span>天气语音预报</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u897" class="ax_default" data-left="683" data-top="1381" data-width="40" data-height="22">

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

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

      <!-- Unnamed (矩形) -->
      <div id="u900" class="ax_default _文本段落">
        <div id="u900_div" class=""></div>
        <div id="u900_text" class="text ">
          <p><span>当您睡醒时，会通过模拟自然声或者语音预报告知您今天的天气。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u901" class="ax_default label">
        <div id="u901_div" class=""></div>
        <div id="u901_text" class="text ">
          <p><span>天气预报</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u902" class="ax_default label">
        <div id="u902_div" class=""></div>
        <div id="u902_text" class="text ">
          <p><span>模拟大自然声音</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u903" class="ax_default" data-left="680" data-top="1535" data-width="40" data-height="22">

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

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u908" class="ax_default _文本段落">
        <div id="u908_div" class=""></div>
        <div id="u908_text" class="text ">
          <p><span>天气语音预报开启，其中语音开启，模拟大自然声音关闭</span></p>
        </div>
      </div>

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u912" class="ax_default label">
        <div id="u912_div" class=""></div>
        <div id="u912_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

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

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

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

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

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

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u921" class="ax_default label">
        <div id="u921_div" class=""></div>
        <div id="u921_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="u922" class="ax_default _文本段落">
        <div id="u922_div" class=""></div>
        <div id="u922_text" class="text ">
          <p><span>请在设置中允许本APP使用您的地理位置，</span></p><p><span>语音天气功能才可用。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u923" class="ax_default label">
        <div id="u923_div" class=""></div>
        <div id="u923_text" class="text ">
          <p><span>天气语音预报</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u924" class="ax_default _文本段落">
        <div id="u924_div" class=""></div>
        <div id="u924_text" class="text ">
          <p><span>当您睡醒时，会通过模拟自然声或者语音预报告知您今天的天气。</span></p>
        </div>
      </div>

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

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

      <!-- Unnamed (矩形) -->
      <div id="u927" class="ax_default _文本段落">
        <div id="u927_div" class=""></div>
        <div id="u927_text" class="text ">
          <p><span>1. 默认天气功能开启。</span></p><p><span><br></span></p><p><span>2. 在【1.2 闹钟响起】页面，用户上划停止闹钟动作后，根据当前天气预报，响起对应模拟大自然声音，默认响起10秒钟：</span></p><p><span>晴天——鸟叫</span></p><p><span>多云——雷声</span></p><p><span>阴天——雷声</span></p><p><span>雨——雨声</span></p><p><span>雷阵雨——雨声+雷声</span></p><p><span>大风——风声</span></p><p><span><br></span></p><p><span>3.文字提示：</span></p><p><span>请在本机设置中允许本APP使用您的地理位置，天气语音预报功能才可用。</span></p><p><span>本APP首次安装并开启时，需弹出dialog获取地理位置授权：</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span>4. 可点击对应区域试听不同天气的语音声音；选中区域显示为下图；再次点击同一区域停止试听。</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span>5. 关闭天气功能则无语音天气试听模块。</span></p><p><span><br></span></p><p><span>6. 点击“返回”按键跳转至【4.1闹钟设置】页面</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u928" class="ax_default" data-left="1364" data-top="975" data-width="300" data-height="170">

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

        <!-- Unnamed (矩形) -->
        <div id="u930" class="ax_default _文本段落">
          <div id="u930_div" class=""></div>
          <div id="u930_text" class="text ">
            <p><span>是否允许XXX使用您的地理位置？</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u931" class="ax_default _文本段落">
          <div id="u931_div" class=""></div>
          <div id="u931_text" class="text ">
            <p><span>用于查找您的天气位置，为您提供更智能化唤醒效果！</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u932" class="ax_default line">
          <img id="u932_img" class="img " src="images/3_5_天气语音预报/u932.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u933" class="ax_default line">
          <img id="u933_img" class="img " src="images/3_5_天气语音预报/u933.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u934" class="ax_default label">
          <div id="u934_div" class=""></div>
          <div id="u934_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u935" class="ax_default label">
          <div id="u935_div" class=""></div>
          <div id="u935_text" class="text ">
            <p><span>好的</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u936" class="ax_default" data-left="1368" data-top="1253" data-width="292" data-height="43">

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

        <!-- Unnamed (矩形) -->
        <div id="u938" class="ax_default label">
          <div id="u938_div" class=""></div>
          <div id="u938_text" class="text ">
            <p><span>晴天</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u939" class="ax_default icon">
          <img id="u939_img" class="img " src="images/3_5_天气语音预报/u939.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u940" class="ax_default label">
        <div id="u940_div" class=""></div>
        <div id="u940_text" class="text ">
          <p><span>1. 天气语音预报：</span></p><p><span>当前选中显示为“选中”模式</span></p><p><span>“天气语音预报”：点击按钮，按钮为绿色，即开启天气语音预报功能</span></p><p><span>“关闭”：再次点击按钮，按钮为灰色，即关闭天气语音预报功能。</span></p><p><span><br></span></p><p><span>2. “天气语音预报”功能分为“语音”和“模拟大自然声音”两个功能，按钮为绿色即开启功能，为灰色即关闭功能，这两个功能可以同时开启，但不能同时关闭，关闭的话必须关掉“天气语音预报”功能</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u941" class="compound ax_default arrow" WidgetHeight="2" WidgetWidth="161" CompoundMode="true">
        <img id="u941_img" class="singleImg img " src="images/3_3_睡眠检测/u640.png"/>
        <div id="u941p000" 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="u941p000_img" class="img " src="images/3_4_睡眠辅助/u770p000.png"/>
        </div>
        <div id="u941p001" 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="u941p001_img" class="img " src="images/1_1_闹钟设定/u206p001.png"/>
        </div>
        <div id="u941p002" 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="u941p002_img" class="img " src="images/图例/u62p002.png"/>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u942" class="ax_default" data-left="380" data-top="294" data-width="43" data-height="58">

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

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

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