wenyi_pythons-first-job
/
音乐商城.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"/>
    <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-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/音乐商城/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="">

      <!-- Header 2 (矩形) -->
      <div id="u1496" class="ax_default _文本段落" data-label="Header 2">
        <div id="u1496_div" class=""></div>
        <div id="u1496_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1497" class="ax_default icon">
        <img id="u1497_img" class="img " src="images/商城/u1277.svg"/>
        <div id="u1497_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1498" class="ax_default icon">
        <img id="u1498_img" class="img " src="images/商城/u1278.svg"/>
        <div id="u1498_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1499" class="ax_default icon">
        <img id="u1499_img" class="img " src="images/商城/u1279.svg"/>
        <div id="u1499_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1500" class="ax_default" data-left="100" data-top="100" data-width="349" data-height="664">

        <!-- Unnamed (组合) -->
        <div id="u1501" class="ax_default" data-left="100" data-top="100" data-width="349" data-height="664">

          <!-- Unnamed (组合) -->
          <div id="u1502" class="ax_default" data-left="100" data-top="100" data-width="349" data-height="664">

            <!-- Unnamed (组合) -->
            <div id="u1503" class="ax_default" data-left="100" data-top="100" data-width="349" data-height="664">

              <!-- Unnamed (组合) -->
              <div id="u1504" class="ax_default" data-left="100" data-top="100" data-width="349" data-height="664">

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

                <!-- 数码影音 (矩形) -->
                <div id="u1506" class="ax_default label" data-label="数码影音">
                  <div id="u1506_div" class=""></div>
                  <div id="u1506_text" class="text ">
                    <p><span>数码影音</span></p>
                  </div>
                </div>

                <!-- Unnamed (热区) -->
                <div id="u1507" class="ax_default">
                </div>
              </div>

              <!-- 1 (线段) -->
              <div id="u1508" class="ax_default line ax_default_hidden" data-label="1" style="display:none; visibility: hidden">
                <img id="u1508_img" class="img " src="images/音乐商城/1_u1508.svg"/>
                <div id="u1508_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1509" class="ax_default label">
              <div id="u1509_div" class=""></div>
              <div id="u1509_text" class="text ">
                <p><span>音乐周边IP</span></p>
              </div>
            </div>

            <!-- 2 (线段) -->
            <div id="u1510" class="ax_default line ax_default_hidden" data-label="2" style="display:none; visibility: hidden">
              <img id="u1510_img" class="img " src="images/音乐商城/2_u1510.svg"/>
              <div id="u1510_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (热区) -->
            <div id="u1511" class="ax_default">
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1512" class="ax_default label">
            <div id="u1512_div" class=""></div>
            <div id="u1512_text" class="text ">
              <p><span>音乐生活馆</span></p>
            </div>
          </div>

          <!-- 3 (线段) -->
          <div id="u1513" class="ax_default line ax_default_hidden" data-label="3" style="display:none; visibility: hidden">
            <img id="u1513_img" class="img " src="images/音乐商城/3_u1513.svg"/>
            <div id="u1513_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (热区) -->
          <div id="u1514" class="ax_default">
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1515" class="ax_default label">
          <div id="u1515_div" class=""></div>
          <div id="u1515_text" class="text ">
            <p><span>音乐国朝</span></p>
          </div>
        </div>

        <!-- 4 (线段) -->
        <div id="u1516" class="ax_default line ax_default_hidden" data-label="4" style="display:none; visibility: hidden">
          <img id="u1516_img" class="img " src="images/音乐商城/4_u1516.svg"/>
          <div id="u1516_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (热区) -->
        <div id="u1517" class="ax_default">
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1518" class="ax_default label">
        <div id="u1518_div" class=""></div>
        <div id="u1518_text" class="text ">
          <p><span>9：41</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1519" class="ax_default icon">
        <img id="u1519_img" class="img " src="images/商城/u1292.svg"/>
        <div id="u1519_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1520" class="ax_default icon">
        <img id="u1520_img" class="img " src="images/商城/u1293.svg"/>
        <div id="u1520_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1521" class="ax_default icon">
        <img id="u1521_img" class="img " src="images/商城/u1294.svg"/>
        <div id="u1521_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1522" class="ax_default line">
        <img id="u1522_img" class="img " src="images/商城/u1297.svg"/>
        <div id="u1522_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

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

      <!-- Unnamed (文本框) -->
      <div id="u1524" class="ax_default text_field">
        <div id="u1524_div" class=""></div>
        <input id="u1524_input" type="text" value="" class="u1524_input"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1525" class="ax_default icon">
        <img id="u1525_img" class="img " src="images/数字专辑/u1334.svg"/>
        <div id="u1525_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1526" class="ax_default icon">
        <img id="u1526_img" class="img " src="images/数字专辑/u1335.svg"/>
        <div id="u1526_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1527" class="ax_default _三级标题">
        <div id="u1527_div" class=""></div>
        <div id="u1527_text" class="text ">
          <p><span>音乐商城</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1528" class="ax_default icon">
        <img id="u1528_img" class="img " src="images/数字专辑/u1342.svg"/>
        <div id="u1528_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u1529" class="ax_default">
        <div id="u1529_state0" class="panel_state" data-label="State1" style="">
          <div id="u1529_state0_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u1530" class="ax_default _图片">
              <img id="u1530_img" class="img " src="images/音乐商城/u1530.jpg"/>
              <div id="u1530_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u1529_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u1529_state1_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u1531" class="ax_default _图片">
              <img id="u1531_img" class="img " src="images/音乐商城/u1531.jpg"/>
              <div id="u1531_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u1529_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u1529_state2_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u1532" class="ax_default _图片">
              <img id="u1532_img" class="img " src="images/音乐商城/u1532.jpg"/>
              <div id="u1532_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u1529_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u1529_state3_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u1533" class="ax_default _图片">
              <img id="u1533_img" class="img " src="images/音乐商城/u1533.jpg"/>
              <div id="u1533_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1534" class="ax_default label">
        <div id="u1534_div" class=""></div>
        <div id="u1534_text" class="text ">
          <p><span>交互设计：使用动态面板嵌套与切换</span></p>
        </div>
      </div>

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

      <!-- Unnamed (形状) -->
      <div id="u1536" class="ax_default icon">
        <img id="u1536_img" class="img " src="images/商城/u1281.svg"/>
        <div id="u1536_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1537" class="ax_default icon">
        <img id="u1537_img" class="img " src="images/商城/u1283.svg"/>
        <div id="u1537_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1538" class="ax_default label">
        <div id="u1538_div" class=""></div>
        <div id="u1538_text" class="text ">
          <p><span>首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1539" class="ax_default label">
        <div id="u1539_div" class=""></div>
        <div id="u1539_text" class="text ">
          <p><span>社区</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1540" class="ax_default label">
        <div id="u1540_div" class=""></div>
        <div id="u1540_text" class="text ">
          <p><span>商城</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1541" class="ax_default label">
        <div id="u1541_div" class=""></div>
        <div id="u1541_text" class="text ">
          <p><span>我的</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1542" class="ax_default icon">
        <img id="u1542_img" class="img " src="images/商城/u1288.svg"/>
        <div id="u1542_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1543" class="ax_default icon">
        <img id="u1543_img" class="img " src="images/商城/u1289.svg"/>
        <div id="u1543_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1544" class="ax_default icon">
        <img id="u1544_img" class="img " src="images/音乐商城/u1544.svg"/>
        <div id="u1544_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1545" class="ax_default _文本段落">
        <div id="u1545_div" class=""></div>
        <div id="u1545_text" class="text ">
          <p style="font-size:20px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;">功能描述</span></p><p style="font-size:20px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;"><br></span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">1</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;">、</span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">音乐商城分为“数码影音”“音乐周边IP”“音乐生活馆”“音乐国朝”四个页面。</span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">2. 单击上方页面名称，页面会滑动到对应的商品页面动态面板。</span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:14px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">3、点击右上方购物车，可跳转到购物车页面。</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>