master

分支 (1)

管理

管理

master

app_design_week7
/
添加闹钟-提醒方式.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="">

      <!-- 提醒方式基本空白框 (组合 ) -->
      <div id="u499" class="ax_default" data-label="提醒方式基本空白框" data-left="485" data-top="101" data-width="276" data-height="551">

        <!-- 1-1手机外框 (组合 ) -->
        <div id="u500" class="ax_default" data-label="1-1手机外框" data-left="485" data-top="101" data-width="276" data-height="551">

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

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

          <!-- Unnamed (椭圆形) -->
          <div id="u503" class="ax_default ellipse">
            <img id="u503_img" class="img " src="images/闹钟-首页/u3.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u504" class="ax_default ellipse">
            <img id="u504_img" class="img " src="images/闹钟-首页/u4.png"/>
          </div>

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

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

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

          <!-- Unnamed (图片 ) -->
          <div id="u508" class="ax_default _图片1">
            <img id="u508_img" class="img " src="images/闹钟-首页/u8.png"/>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u509" class="ax_default _图片1">
            <img id="u509_img" class="img " src="images/闹钟-首页/u9.png"/>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u510" class="ax_default _图片1">
            <img id="u510_img" class="img " src="images/闹钟-首页/u10.png"/>
          </div>
        </div>

        <!-- 图标 (组合 ) -->
        <div id="u511" class="ax_default" data-label="图标" data-left="498" data-top="164" data-width="249" data-height="34">

          <!-- Unnamed (矩形) -->
          <div id="u512" class="ax_default box_2">
            <div id="u512_div" class=""></div>
            <div id="u512_text" class="text ">
              <p><span>提醒方式</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u513" class="ax_default icon">
          <img id="u513_img" class="img " src="images/闹钟-首页/u130.png"/>
        </div>
      </div>

      <!-- 提醒方式空白框内部设置 (组合 ) -->
      <div id="u514" class="ax_default" data-label="提醒方式空白框内部设置" data-left="498" data-top="208" data-width="249" data-height="104">

        <!-- 灰色分割线 (水平线) -->
        <div id="u515" class="ax_default line" data-label="灰色分割线">
          <img id="u515_img" class="img " src="images/闹钟-首页/u15.png"/>
        </div>

        <!-- 灰色分割线 (水平线) -->
        <div id="u516" class="ax_default line" data-label="灰色分割线">
          <img id="u516_img" class="img " src="images/闹钟-首页/u15.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u517" class="ax_default box_1">
          <div id="u517_div" class=""></div>
          <div id="u517_text" class="text ">
            <p><span>响铃</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u518" class="ax_default box_1">
          <div id="u518_div" class=""></div>
          <div id="u518_text" class="text ">
            <p><span>响铃及震动</span></p>
          </div>
        </div>

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

        <!-- 灰色分割线 (水平线) -->
        <div id="u520" class="ax_default line" data-label="灰色分割线">
          <img id="u520_img" class="img " src="images/闹钟-首页/u15.png"/>
        </div>

        <!-- Shape (形状) -->
        <div id="u521" class="ax_default icon" data-label="Shape">
          <img id="u521_img" class="img " src="images/添加闹钟-重复/shape_u433.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u522" class="ax_default box_1">
          <div id="u522_div" class=""></div>
          <div id="u522_text" class="text ">
            <p><span>震动</span></p>
          </div>
        </div>
      </div>

      <!-- 添加闹钟 (组合 ) -->
      <div id="u523" class="ax_default" data-label="添加闹钟" data-left="92" data-top="101" data-width="276" data-height="551">

        <!-- 1-2手机外壳 (组合 ) -->
        <div id="u524" class="ax_default" data-label="1-2手机外壳" data-left="92" data-top="101" data-width="276" data-height="551">

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

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

          <!-- Unnamed (椭圆形) -->
          <div id="u527" class="ax_default ellipse">
            <img id="u527_img" class="img " src="images/闹钟-首页/u3.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u528" class="ax_default ellipse">
            <img id="u528_img" class="img " src="images/闹钟-首页/u4.png"/>
          </div>

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

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

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

          <!-- Unnamed (图片 ) -->
          <div id="u532" class="ax_default _图片1">
            <img id="u532_img" class="img " src="images/闹钟-首页/u8.png"/>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u533" class="ax_default _图片1">
            <img id="u533_img" class="img " src="images/闹钟-首页/u9.png"/>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u534" class="ax_default _图片1">
            <img id="u534_img" class="img " src="images/闹钟-首页/u10.png"/>
          </div>
        </div>

        <!-- 标题 (组合 ) -->
        <div id="u535" class="ax_default" data-label="标题" data-left="105" data-top="165" data-width="249" data-height="34">

          <!-- Unnamed (矩形) -->
          <div id="u536" class="ax_default box_2">
            <div id="u536_div" class=""></div>
            <div id="u536_text" class="text ">
              <p><span>添加闹钟</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u537" class="ax_default box_1">
            <div id="u537_div" class=""></div>
            <div id="u537_text" class="text ">
              <p><span>完成</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u538" class="ax_default box_1">
            <div id="u538_div" class=""></div>
            <div id="u538_text" class="text ">
              <p><span>取消</span></p>
            </div>
          </div>
        </div>

        <!-- 时间滚动条 (组合 ) -->
        <div id="u539" class="ax_default" data-label="时间滚动条" data-left="105" data-top="203" data-width="249" data-height="163">

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

          <!-- 时间轴滚动条 (矩形) -->
          <div id="u541" class="ax_default box_1" data-label="时间轴滚动条">
            <div id="u541_div" class=""></div>
            <div id="u541_text" class="text ">
              <p style="font-size:15px;"><span style="color:#797979;">15</span></p><p style="font-size:15px;"><span><br></span></p><p style="font-size:15px;"><span>16</span></p><p style="font-size:15px;"><span><br></span></p><p style="font-size:19px;"><span style="color:#2F9797;">17</span></p><p style="font-size:15px;"><span><br></span></p><p style="font-size:15px;"><span>18</span></p><p style="font-size:15px;"><span><br></span></p><p style="font-size:15px;"><span style="color:#797979;">19</span></p>
            </div>
          </div>

          <!-- 时间轴滚动条2 (矩形) -->
          <div id="u542" class="ax_default box_1" data-label="时间轴滚动条2">
            <div id="u542_div" class=""></div>
            <div id="u542_text" class="text ">
              <p style="font-size:15px;"><span style="color:#797979;">41</span></p><p style="font-size:15px;"><span><br></span></p><p style="font-size:15px;"><span>42</span></p><p style="font-size:15px;"><span><br></span></p><p style="font-size:19px;"><span style="color:#2F9797;">43</span></p><p style="font-size:15px;"><span><br></span></p><p style="font-size:15px;"><span>44</span></p><p style="font-size:15px;"><span><br></span></p><p style="font-size:15px;"><span style="color:#797979;">45</span></p>
            </div>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u543" class="ax_default line">
            <img id="u543_img" class="img " src="images/闹钟-首页/u15.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u544" class="ax_default line">
            <img id="u544_img" class="img " src="images/闹钟-首页/u15.png"/>
          </div>
        </div>

        <!-- 添加闹钟的设置项目 (组合 ) -->
        <div id="u545" class="ax_default" data-label="添加闹钟的设置项目" data-left="105" data-top="365" data-width="249" data-height="230">

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

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

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

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

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

          <!-- Unnamed (矩形) -->
          <div id="u551" class="ax_default box_1">
            <div id="u551_div" class=""></div>
            <div id="u551_text" class="text ">
              <p><span>重复</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u552" class="ax_default box_1">
            <div id="u552_div" class=""></div>
            <div id="u552_text" class="text ">
              <p><span>提醒方式</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u553" class="ax_default box_1">
            <div id="u553_div" class=""></div>
            <div id="u553_text" class="text ">
              <p><span>铃声</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u554" class="ax_default box_1">
            <div id="u554_div" class=""></div>
            <div id="u554_text" class="text ">
              <p><span>贪睡</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u555" class="ax_default box_1">
            <div id="u555_div" class=""></div>
            <div id="u555_text" class="text ">
              <p><span>标签</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u556" class="ax_default icon">
            <img id="u556_img" class="img " src="images/闹钟-首页/u72.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u557" class="ax_default box_1">
            <div id="u557_div" class=""></div>
            <div id="u557_text" class="text ">
              <p><span>响铃</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u558" class="ax_default icon">
            <img id="u558_img" class="img " src="images/闹钟-首页/u72.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u559" class="ax_default icon">
            <img id="u559_img" class="img " src="images/闹钟-首页/u72.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u560" class="ax_default icon">
            <img id="u560_img" class="img " src="images/闹钟-首页/u72.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u561" class="ax_default box_1">
            <div id="u561_div" class=""></div>
            <div id="u561_text" class="text ">
              <p><span>Morning scene</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u562" class="ax_default box_1">
            <div id="u562_div" class=""></div>
            <div id="u562_text" class="text ">
              <p><span>每天</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 操作 (组合 ) -->
      <div id="u563" class="ax_default" data-label="操作" data-left="80" data-top="71" data-width="756" data-height="408">

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

        <!-- Unnamed (水平线) -->
        <div id="u565" class="compound ax_default line" WidgetHeight="1" WidgetWidth="107" CompoundMode="true">
          <img id="u565_img" class="singleImg img " src="images/添加闹钟-提醒方式/u565.png"/>
          <div id="u565p000" class="ax_vector_shape" WidgetTopLeftX="-0.482142857142857" WidgetTopLeftY="0" WidgetTopRightX="0.473214285714286" WidgetTopRightY="0" WidgetBottomLeftX="-0.482142857142857" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.473214285714286" WidgetBottomRightY="0.166666666666667">
            <img id="u565p000_img" class="img " src="images/添加闹钟-提醒方式/u565p000.png"/>
          </div>
          <div id="u565p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.25" WidgetTopRightX="26.75" WidgetTopRightY="-0.25" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="26.75" WidgetBottomRightY="0">
            <img id="u565p001_img" class="img " src="images/添加闹钟-提醒方式/u565p001.png"/>
          </div>
          <div id="u565p002" class="ax_vector_shape" WidgetTopLeftX="4.68181818181818" WidgetTopLeftY="0.05" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0.05" WidgetBottomLeftX="4.68181818181818" WidgetBottomLeftY="0" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="0">
            <img id="u565p002_img" class="img " src="images/添加闹钟-响铃时间/u359p002.png"/>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u566" class="ax_default _图片1">
          <img id="u566_img" class="img " src="images/闹钟-首页/u149.svg"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u567" class="ax_default box_1">
          <div id="u567_div" class=""></div>
          <div id="u567_text" class="text ">
            <p><span>单击</span></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u568" class="ax_default _图片1">
          <img id="u568_img" class="img " src="images/闹钟-首页/u149.svg"/>
        </div>

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

        <!-- Unnamed (水平线) -->
        <div id="u570" class="compound ax_default line" WidgetHeight="1" WidgetWidth="67" CompoundMode="true">
          <img id="u570_img" class="singleImg img " src="images/添加闹钟-提醒方式/u570.png"/>
          <div id="u570p000" class="ax_vector_shape" WidgetTopLeftX="-0.458333333333333" WidgetTopLeftY="0" WidgetTopRightX="0.472222222222222" WidgetTopRightY="0" WidgetBottomLeftX="-0.458333333333333" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.472222222222222" WidgetBottomRightY="0.166666666666667">
            <img id="u570p000_img" class="img " src="images/添加闹钟-提醒方式/u570p000.png"/>
          </div>
          <div id="u570p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.25" WidgetTopRightX="16.5" WidgetTopRightY="-0.25" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="16.5" WidgetBottomRightY="0">
            <img id="u570p001_img" class="img " src="images/添加闹钟-重复/u475p001.png"/>
          </div>
          <div id="u570p002" class="ax_vector_shape" WidgetTopLeftX="3.15" WidgetTopLeftY="0.05" WidgetTopRightX="-0.2" WidgetTopRightY="0.05" WidgetBottomLeftX="3.15" WidgetBottomLeftY="0" WidgetBottomRightX="-0.2" WidgetBottomRightY="0">
            <img id="u570p002_img" class="img " src="images/添加闹钟-重复/u475p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u571" class="ax_default box_1">
          <div id="u571_div" class=""></div>
          <div id="u571_text" class="text ">
            <p><span>单击选择</span></p>
          </div>
        </div>

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

        <!-- Unnamed (矩形) -->
        <div id="u573" class="ax_default box_1">
          <div id="u573_div" class=""></div>
          <div id="u573_text" class="text ">
            <p><span>单击</span></p>
          </div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u574" class="ax_default line">
          <img id="u574_img" class="img " src="images/添加闹钟-提醒方式/u574.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u575" class="ax_default line">
          <img id="u575_img" class="img " src="images/添加闹钟-提醒方式/u575.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u576" class="compound ax_default line" WidgetHeight="19" WidgetWidth="1" CompoundMode="true">
          <img id="u576_img" class="singleImg img " src="images/添加闹钟-提醒方式/u576.png"/>
          <div id="u576p000" class="ax_vector_shape" WidgetTopLeftX="-0.375" WidgetTopLeftY="0" WidgetTopRightX="-0.375" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="0.416666666666667" WidgetBottomLeftY="0" WidgetBottomRightX="0.416666666666667" WidgetBottomRightY="-0.166666666666667">
            <img id="u576p000_img" class="img " src="images/添加闹钟-提醒方式/u576p000.png"/>
          </div>
          <div id="u576p001" class="ax_vector_shape" WidgetTopLeftX="-0.5" WidgetTopLeftY="0" WidgetTopRightX="0" WidgetTopRightY="0" WidgetBottomLeftX="-0.5" WidgetBottomLeftY="4.75" WidgetBottomRightX="0" WidgetBottomRightY="4.75">
            <img id="u576p001_img" class="img " src="images/闹钟-首页/u152p001.png"/>
          </div>
          <div id="u576p002" class="ax_vector_shape" WidgetTopLeftX="0.681818181818182" WidgetTopLeftY="-0.0454545454545455" WidgetTopRightX="0.681818181818182" WidgetTopRightY="0" WidgetBottomLeftX="-0.181818181818182" WidgetBottomLeftY="-0.0454545454545455" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="0">
            <img id="u576p002_img" class="img " src="images/闹钟-首页/u220p002.png"/>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u577" class="ax_default _图片1">
          <img id="u577_img" class="img " src="images/闹钟-首页/u149.svg"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u578" class="ax_default box_1">
        <div id="u578_div" class=""></div>
        <div id="u578_text" class="text ">
          <p><span>选择【响铃及震动】或【震动】是，手机震动以提醒用户</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u579" class="ax_default box_1">
        <div id="u579_div" class=""></div>
        <div id="u579_text" class="text ">
          <p><span>添加闹钟主页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u580" class="ax_default box_1">
        <div id="u580_div" class=""></div>
        <div id="u580_text" class="text ">
          <p><span>添加闹钟主页2</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u581" class="ax_default box_1">
        <div id="u581_div" class=""></div>
        <div id="u581_text" class="text ">
          <p><span>提醒方式</span></p>
        </div>
      </div>
    </div>
  </body>
</html>