master

分支 (1)

管理

管理

master

smart-alarm-clock-app
/
3_1_智能灯泡.html

<!DOCTYPE html>
<html>
  <head>
    <title>3.1 智能灯泡</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <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_1_智能灯泡/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/3_1_智能灯泡/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="u1349" class="ax_default image">
        <img id="u1349_img" class="img " src="images/智能闹钟可交互原型/u3.png"/>
        <div id="u1349_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1350" class="ax_default icon">
        <img id="u1350_img" class="img " src="images/智能闹钟可交互原型/u385.svg"/>
        <div id="u1350_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1351" class="ax_default label">
        <div id="u1351_div" class=""></div>
        <div id="u1351_text" class="text ">
          <p><span>08:00</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1352" class="ax_default line">
        <img id="u1352_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
        <div id="u1352_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1353" class="ax_default label">
        <div id="u1353_div" class=""></div>
        <div id="u1353_text" class="text ">
          <p><span>5G</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1354" class="ax_default icon">
        <img id="u1354_img" class="img " src="images/智能闹钟可交互原型/u402.svg"/>
        <div id="u1354_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1355" class="ax_default label">
        <div id="u1355_div" class=""></div>
        <div id="u1355_text" class="text ">
          <p><span>×</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1356" class="ax_default _三级标题">
        <div id="u1356_div" class=""></div>
        <div id="u1356_text" class="text ">
          <p><span>智能灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1357" class="ax_default line">
        <img id="u1357_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
        <div id="u1357_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1358" class="ax_default _三级标题">
        <div id="u1358_div" class=""></div>
        <div id="u1358_text" class="text ">
          <p><span>智能灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1359" class="ax_default" data-left="795" data-top="196" data-width="41" data-height="26">

        <!-- Unnamed (形状) -->
        <div id="u1360" class="ax_default icon">
          <img id="u1360_img" class="img " src="images/智能闹钟可交互原型/u421.svg"/>
          <div id="u1360_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1361" class="ax_default icon">
          <img id="u1361_img" class="img " src="images/智能闹钟可交互原型/u422.svg"/>
          <div id="u1361_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (圆形) -->
        <div id="u1362" class="ax_default ellipse">
          <img id="u1362_img" class="img " src="images/智能闹钟可交互原型/u423.svg"/>
          <div id="u1362_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1363" class="ax_default _三级标题">
        <div id="u1363_div" class=""></div>
        <div id="u1363_text" class="text ">
          <p><span>已连接的设备</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1364" class="ax_default _三级标题">
        <div id="u1364_div" class=""></div>
        <div id="u1364_text" class="text ">
          <p><span>卧室内灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1365" class="ax_default icon">
        <img id="u1365_img" class="img " src="images/智能闹钟可交互原型/u469.svg"/>
        <div id="u1365_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1366" class="ax_default line">
        <img id="u1366_img" class="img " src="images/智能闹钟可交互原型/u470.svg"/>
        <div id="u1366_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1367" class="ax_default _三级标题">
        <div id="u1367_div" class=""></div>
        <div id="u1367_text" class="text ">
          <p><span>可连接的设备</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1368" class="ax_default _三级标题">
        <div id="u1368_div" class=""></div>
        <div id="u1368_text" class="text ">
          <p><span>KDA989898</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1369" class="ax_default icon">
        <img id="u1369_img" class="img " src="images/智能闹钟可交互原型/u469.svg"/>
        <div id="u1369_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1370" class="ax_default _三级标题">
        <div id="u1370_div" class=""></div>
        <div id="u1370_text" class="text ">
          <p><span>KDA123467</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1371" class="ax_default icon">
        <img id="u1371_img" class="img " src="images/智能闹钟可交互原型/u469.svg"/>
        <div id="u1371_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1372" class="ax_default line">
        <img id="u1372_img" class="img " src="images/智能闹钟可交互原型/u382.svg"/>
        <div id="u1372_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1373" class="ax_default _三级标题">
        <div id="u1373_div" class=""></div>
        <div id="u1373_text" class="text ">
          <p><span>已连接设备设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1374" class="ax_default _三级标题">
        <div id="u1374_div" class=""></div>
        <div id="u1374_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1375" class="ax_default _三级标题">
        <div id="u1375_div" class=""></div>
        <div id="u1375_text" class="text ">
          <p><span>颜色跟随当地天气改变</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1376" class="ax_default _三级标题">
        <div id="u1376_div" class=""></div>
        <div id="u1376_text" class="text ">
          <p><span>已开启</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1377" class="ax_default _三级标题">
        <div id="u1377_div" class=""></div>
        <div id="u1377_text" class="text ">
          <p><span>闹钟停止即开启</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1378" class="ax_default _三级标题">
        <div id="u1378_div" class=""></div>
        <div id="u1378_text" class="text ">
          <p><span>已开启</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1379" class="ax_default _三级标题">
        <div id="u1379_div" class=""></div>
        <div id="u1379_text" class="text ">
          <p><span>距离内自动连接</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1380" class="ax_default _三级标题">
        <div id="u1380_div" class=""></div>
        <div id="u1380_text" class="text ">
          <p><span>10m</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1381" class="ax_default _三级标题">
        <div id="u1381_div" class=""></div>
        <div id="u1381_text" class="text ">
          <p><span>自定义灯泡颜色</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1382" class="ax_default image">
        <img id="u1382_img" class="img " src="images/智能闹钟可交互原型/u486.png"/>
        <div id="u1382_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1383" class="ax_default ellipse">
        <img id="u1383_img" class="img " src="images/智能闹钟可交互原型/u487.svg"/>
        <div id="u1383_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1384" class="ax_default box_2">
        <div id="u1384_div" class=""></div>
        <div id="u1384_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1385" class="ax_default _二级标题">
        <div id="u1385_div" class=""></div>
        <div id="u1385_text" class="text ">
          <p><span>智能灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1386" class="ax_default label">
        <div id="u1386_div" class=""></div>
        <div id="u1386_text" class="text ">
          <p><span>您的卧室内灯泡已全部关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1387" class="ax_default" data-left="328" data-top="243" data-width="41" data-height="26">

        <!-- Unnamed (形状) -->
        <div id="u1388" class="ax_default icon">
          <img id="u1388_img" class="img " src="images/智能闹钟可交互原型/u421.svg"/>
          <div id="u1388_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1389" class="ax_default icon">
          <img id="u1389_img" class="img " src="images/智能闹钟可交互原型/u514.svg"/>
          <div id="u1389_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1390" class="ax_default ellipse">
          <img id="u1390_img" class="img " src="images/智能闹钟可交互原型/u515.svg"/>
          <div id="u1390_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1391" class="ax_default label">
        <div id="u1391_div" class=""></div>
        <div id="u1391_text" class="text ">
          <p><span style="text-decoration:underline ;">灯泡设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1392" class="ax_default box_1">
        <div id="u1392_div" class=""></div>
        <div id="u1392_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1393" class="ax_default _二级标题">
        <div id="u1393_div" class=""></div>
        <div id="u1393_text" class="text ">
          <p><span>智能灯泡设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1394" class="ax_default label">
        <div id="u1394_div" class=""></div>
        <div id="u1394_text" class="text ">
          <p><span>1.在“我的”页面的智能灯泡快捷开关控</span></p><p><span>件处点击“灯泡设置”按钮可以进入智能</span></p><p><span>灯泡设置页面。</span></p><p><span>2.智能灯泡开启后可以查看已连接的灯</span></p><p><span>泡/添加新的灯泡，设备可以在APP中进</span></p><p><span>行重命名。</span></p><p><span>3.灯泡颜色设置可以开启根据当地天气</span></p><p><span>实时调节功能，用户也可以在关闭自动</span></p><p><span>调节颜色功能后在色盘中自定义灯泡颜</span></p><p><span>色。</span></p><p><span>4.更多设置：闹钟停止后灯泡自动亮起，</span></p><p><span>在n米距离内手机靠近灯泡自动连接智</span></p><p><span>能灯泡。</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u1395" class="compound ax_default arrow" data-height="167" data-width="4" CompoundMode="true">
        <img id="u1395_img" class="singleImg img " src="images/3_1_智能灯泡/u1395.svg"/>
        <div id="u1395p000" class="ax_vector_shape" WidgetTopLeftX="-0.474397671970445" WidgetTopLeftY="0.273687043160459" WidgetTopRightX="-0.474462146243565" WidgetTopRightY="-0.126311347272275" WidgetBottomLeftX="0.474462146243565" WidgetBottomLeftY="0.226311347272258" WidgetBottomRightX="0.474397671970445" WidgetBottomRightY="-0.173687043160476">
          <img id="u1395p000_img" class="img " src="images/3_1_智能灯泡/u1395p000.svg"/>
        </div>
        <div id="u1395p001" class="ax_vector_shape" WidgetTopLeftX="-0.0823317111330463" WidgetTopLeftY="0.217108803950573" WidgetTopRightX="-0.0842229564778923" WidgetTopRightY="-0.282889184090344" WidgetBottomLeftX="27.7508896231446" WidgetBottomLeftY="0.157889184090322" WidgetBottomRightX="27.7489983777997" WidgetBottomRightY="-0.342108803950595">
          <img id="u1395p001_img" class="img " src="images/3_1_智能灯泡/u1395p001.svg"/>
        </div>
        <div id="u1395p002" class="ax_vector_shape" WidgetTopLeftX="5.28313300889328" WidgetTopLeftY="-0.0912290143868195" WidgetTopRightX="5.28351125796225" WidgetTopRightY="0.0421037824240917" WidgetBottomLeftX="-0.283511257962247" WidgetBottomLeftY="-0.0754371157574193" WidgetBottomRightX="-0.28313300889328" WidgetBottomRightY="0.0578956810534919">
          <img id="u1395p002_img" class="img " src="images/3_1_智能灯泡/u1395p002.svg"/>
        </div>
        <div id="u1395_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1396" class="ax_default icon">
        <img id="u1396_img" class="img " src="images/1_1_睡眠闹钟设定/u762.svg"/>
        <div id="u1396_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1397" class="ax_default label">
        <div id="u1397_div" class=""></div>
        <div id="u1397_text" class="text ">
          <p><span>点击</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>