master

分支 (1)

管理

管理

master

APP-design-week5
/
3_6_外接灯泡.html

<!DOCTYPE html>
<html>
  <head>
    <title>3.6 外接灯泡</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_6_外接灯泡/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_6_外接灯泡/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="u946" class="ax_default box_3">
        <div id="u946_div" class=""></div>
      </div>

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

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

      <!-- Unnamed (矩形) -->
      <div id="u949" class="ax_default label">
        <div id="u949_div" class=""></div>
        <div id="u949_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u964" class="ax_default label">
        <div id="u964_div" class=""></div>
        <div id="u964_text" class="text ">
          <p><span>贪睡</span></p>
        </div>
      </div>

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

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

      <!-- Unnamed (矩形) -->
      <div id="u967" class="ax_default label">
        <div id="u967_div" class=""></div>
        <div id="u967_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u968" class="ax_default label">
        <div id="u968_div" class=""></div>
        <div id="u968_text" class="text ">
          <p><span>声音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u969" class="ax_default label">
        <div id="u969_div" class=""></div>
        <div id="u969_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="u970" class="ax_default label">
        <div id="u970_div" class=""></div>
        <div id="u970_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="u971" class="ax_default label">
        <div id="u971_div" class=""></div>
        <div id="u971_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="u972" class="ax_default label">
        <div id="u972_div" class=""></div>
        <div id="u972_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="u973" class="ax_default label">
        <div id="u973_div" class=""></div>
        <div id="u973_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="u974" class="ax_default label">
        <div id="u974_div" class=""></div>
        <div id="u974_text" class="text ">
          <p><span>外接灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u975" class="ax_default label">
        <div id="u975_div" class=""></div>
        <div id="u975_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="u976" class="ax_default box_1">
        <div id="u976_div" class=""></div>
      </div>

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

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

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

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

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

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

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u986" class="ax_default label">
        <div id="u986_div" class=""></div>
        <div id="u986_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

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

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

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

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

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u994" class="ax_default box_1">
        <img id="u994_img" class="img " src="images/3_1_闹钟设置/u396.png"/>
        <div id="u994_text" class="text ">
          <p><span>外接灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u995" class="ax_default label">
        <div id="u995_div" class=""></div>
        <div id="u995_text" class="text ">
          <p><span>使用的是飞利浦新型Hues智能灯泡，根据您的需求，自定义调节灯泡的亮光，配合闹铃，轻柔地唤醒您起床。</span></p>
        </div>
      </div>

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

      <!-- Unnamed (组合 ) -->
      <div id="u997" class="ax_default" data-left="686" data-top="262" data-width="40" data-height="22">

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

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

      <!-- Unnamed (矩形) -->
      <div id="u1000" class="ax_default label">
        <div id="u1000_div" class=""></div>
        <div id="u1000_text" class="text ">
          <p><span>区域</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1001" class="ax_default label">
        <div id="u1001_div" class=""></div>
        <div id="u1001_text" class="text ">
          <p><span>颜色主题</span></p>
        </div>
      </div>

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u1005" class="ax_default label">
        <div id="u1005_div" class=""></div>
        <div id="u1005_text" class="text ">
          <p><span>头顶灯</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1006" class="ax_default label">
        <div id="u1006_div" class=""></div>
        <div id="u1006_text" class="text ">
          <p><span>床头灯</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1007" class="ax_default label">
        <div id="u1007_div" class=""></div>
        <div id="u1007_text" class="text ">
          <p><span>床下灯</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u1008" class="ax_default" data-left="686" data-top="327" data-width="33" data-height="18">

        <!-- Unnamed (矩形) -->
        <div id="u1009" class="ax_default flow_shape">
          <img id="u1009_img" class="img " src="images/3_6_外接灯泡/u1009.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1010" class="ax_default ellipse">
          <img id="u1010_img" class="img " src="images/3_6_外接灯泡/u1010.png"/>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u1011" class="ax_default" data-left="686" data-top="355" data-width="33" data-height="18">

        <!-- Unnamed (矩形) -->
        <div id="u1012" class="ax_default flow_shape">
          <img id="u1012_img" class="img " src="images/3_6_外接灯泡/u1009.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1013" class="ax_default ellipse">
          <img id="u1013_img" class="img " src="images/3_6_外接灯泡/u1010.png"/>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u1014" class="ax_default" data-left="686" data-top="383" data-width="33" data-height="18">

        <!-- Unnamed (矩形) -->
        <div id="u1015" class="ax_default flow_shape">
          <img id="u1015_img" class="img " src="images/3_6_外接灯泡/u1009.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1016" class="ax_default ellipse">
          <img id="u1016_img" class="img " src="images/3_6_外接灯泡/u1010.png"/>
        </div>
      </div>

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u1020" class="ax_default label">
        <div id="u1020_div" class=""></div>
        <div id="u1020_text" class="text ">
          <p><span>蔚蓝海岸</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1021" class="ax_default label">
        <div id="u1021_div" class=""></div>
        <div id="u1021_text" class="text ">
          <p><span>缤纷乐园</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1022" class="ax_default label">
        <div id="u1022_div" class=""></div>
        <div id="u1022_text" class="text ">
          <p><span>怀旧时光</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1023" class="ax_default icon">
        <img id="u1023_img" class="img " src="images/3_6_外接灯泡/u1023.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1024" class="compound ax_default arrow" WidgetHeight="2" WidgetWidth="129" CompoundMode="true">
        <img id="u1024_img" class="singleImg img " src="images/3_6_外接灯泡/u1024.png"/>
        <div id="u1024p000" class="ax_vector_shape" WidgetTopLeftX="-0.477611940298507" WidgetTopLeftY="-0.25" WidgetTopRightX="0.485074626865672" WidgetTopRightY="-0.25" WidgetBottomLeftX="-0.477611940298507" WidgetBottomLeftY="0.25" WidgetBottomRightX="0.485074626865672" WidgetBottomRightY="0.25">
          <img id="u1024p000_img" class="img " src="images/3_6_外接灯泡/u1024p000.png"/>
        </div>
        <div id="u1024p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.25" WidgetTopRightX="32" WidgetTopRightY="-0.25" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0.25" WidgetBottomRightX="32" WidgetBottomRightY="0.25">
          <img id="u1024p001_img" class="img " src="images/图例/u90p001.png"/>
        </div>
        <div id="u1024p002" class="ax_vector_shape" WidgetTopLeftX="5.125" WidgetTopLeftY="0.0416666666666667" WidgetTopRightX="-0.25" WidgetTopRightY="0.0416666666666667" WidgetBottomLeftX="5.125" WidgetBottomLeftY="-0.0416666666666667" WidgetBottomRightX="-0.25" WidgetBottomRightY="-0.0416666666666667">
          <img id="u1024p002_img" class="img " src="images/图例/u65p002.png"/>
        </div>
      </div>

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

      <!-- Unnamed (组合 ) -->
      <div id="u1026" class="ax_default" data-left="367" data-top="373" data-width="43" data-height="58">

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

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

      <!-- Unnamed (矩形) -->
      <div id="u1029" class="ax_default label">
        <div id="u1029_div" class=""></div>
        <div id="u1029_text" class="text ">
          <p><span>点击</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1030" class="ax_default label">
        <div id="u1030_div" class=""></div>
        <div id="u1030_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><p><span><br></span></p><p><span>3. “区域”：</span></p><p><span>分为头顶灯、床头灯、床下灯的选项，打开按钮为绿色即开启，关闭按钮为灰色即为关闭</span></p><p><span><br></span></p><p><span>4.“颜色主题”</span></p><p><span>有三个主题，分别是“蔚蓝海岸”、“缤纷乐园”、“怀旧时光”。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>