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="u1597" class="ax_default _文本段落" data-label="Header 2">
        <div id="u1597_div" class=""></div>
        <div id="u1597_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

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

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

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

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

      <!-- Unnamed (矩形) -->
      <div id="u1602" class="ax_default label">
        <div id="u1602_div" class=""></div>
        <div id="u1602_text" class="text ">
          <p><span>9：41</span></p>
        </div>
      </div>

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

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

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

      <!-- Unnamed (线段) -->
      <div id="u1606" class="ax_default line">
        <img id="u1606_img" class="img " src="images/实体专辑/u1470.svg"/>
        <div id="u1606_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- AreaPanel (动态面板) -->
      <div id="u1607" class="ax_default" data-label="AreaPanel">
        <div id="u1607_state0" class="panel_state" data-label="State1" style="">
          <div id="u1607_state0_content" class="panel_state_content">

            <!-- GoodsList (中继器) -->
            <div id="u1608" class="ax_default" data-label="GoodsList">
              <script id="u1608_script" type="axure-repeater-template" data-label="GoodsList">

                <!-- Unnamed (线段) -->
                <div id="u1609" class="ax_default line u1609">
                  <img id="u1609_img" class="img u1609_img" src="images/商城页面/u1547.svg"/>
                  <div id="u1609_text" class="text u1609_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- MoreButton (矩形) -->
                <div id="u1610" class="ax_default _文本段落2 u1610" data-label="MoreButton">
                  <div id="u1610_div" class="u1610_div"></div>
                  <div id="u1610_text" class="text u1610_text">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- PriceAndSales (矩形) -->
                <div id="u1611" class="ax_default label u1611" data-label="PriceAndSales">
                  <div id="u1611_div" class="u1611_div"></div>
                  <div id="u1611_text" class="text u1611_text">
                    <p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#FF3300;">￥</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;font-size:18px;color:#FF3300;">00.</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#FF3300;">00</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;font-size:18px;color:#FF3300;">&nbsp; </span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#999999;">**人付款</span></p>
                  </div>
                </div>

                <!-- UseGoldCoin (矩形) -->
                <div id="u1612" class="ax_default box_21 ax_default_hidden u1612" data-label="UseGoldCoin" style="display:none; visibility: hidden">
                  <div id="u1612_div" class="u1612_div"></div>
                  <div id="u1612_text" class="text u1612_text">
                    <p><span>金币抵扣</span></p>
                  </div>
                </div>

                <!-- PostageAndRegion (矩形) -->
                <div id="u1613" class="ax_default label u1613" data-label="PostageAndRegion">
                  <div id="u1613_div" class="u1613_div"></div>
                  <div id="u1613_text" class="text u1613_text">
                    <p><span>邮费&nbsp; &nbsp; 地区</span></p>
                  </div>
                </div>

                <!-- GoodsName (矩形) -->
                <div id="u1614" class="ax_default label u1614" data-label="GoodsName">
                  <div id="u1614_div" class="u1614_div"></div>
                  <div id="u1614_text" class="text u1614_text">
                    <p><span>&nbsp;&nbsp; &nbsp; &nbsp; 商品名称</span></p>
                  </div>
                </div>

                <!-- TmallIcon (图片 ) -->
                <div id="u1615" class="ax_default _图片 u1615" data-label="TmallIcon">
                  <img id="u1615_img" class="img u1615_img" src="images/商城页面/tmallicon_u1552.png"/>
                  <div id="u1615_text" class="text u1615_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- GoodsImage (图片 ) -->
                <div id="u1616" class="ax_default _图片 u1616" data-label="GoodsImage">
                  <img id="u1616_img" class="img u1616_img" src="images/商城页面_（交互页面）/goodsimage_u1616.svg"/>
                  <div id="u1616_text" class="text u1616_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>
              </script>
              <div id="u1608-1" class="" style="width: 360px; height: 125px;">

                <!-- Unnamed (线段) -->
                <div id="u1609-1" class="ax_default line u1609" style="width: 226px; height: 1px; left: 134px; top: 124px;visibility: inherit">
                  <img id="u1609-1_img" class="img u1609_img" src="images/商城页面/u1547.svg"/>
                  <div id="u1609-1_text" class="text u1609_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- MoreButton (矩形) -->
                <div id="u1610-1" class="ax_default _文本段落2 u1610" data-label="MoreButton" style="width: 12px; height: 24px; left: 340px; top: 99px;visibility: inherit">
                  <div id="u1610-1_div" class="u1610_div" style="width: 12px; height: 24px;visibility: inherit"></div>
                  <div id="u1610-1_text" class="text u1610_text" style="visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- PriceAndSales (矩形) -->
                <div id="u1611-1" class="ax_default label u1611" data-label="PriceAndSales" style="width: 158px; height: 21px; left: 134px; top: 95px;visibility: inherit">
                  <div id="u1611-1_div" class="u1611_div" style="width: 158px; height: 21px;visibility: inherit"></div>
                  <div id="u1611-1_text" class="text u1611_text" style="visibility: inherit">
                    <p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#FF3300;">￥</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;font-size:18px;color:#FF3300;">00.</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#FF3300;">00</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;font-size:18px;color:#FF3300;">&nbsp; </span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#999999;">**人付款</span></p>
                  </div>
                </div>

                <!-- UseGoldCoin (矩形) -->
                <div id="u1612-1" class="ax_default box_21 u1612" data-label="UseGoldCoin" style="width: 44px; height: 12px; left: 139px; top: 76px;display:none; visibility: hidden">
                  <div id="u1612-1_div" class="u1612_div" style="width: 44px; height: 12px;visibility: inherit"></div>
                  <div id="u1612-1_text" class="text u1612_text" style="visibility: inherit">
                    <p><span>金币抵扣</span></p>
                  </div>
                </div>

                <!-- PostageAndRegion (矩形) -->
                <div id="u1613-1" class="ax_default label u1613" data-label="PostageAndRegion" style="width: 62px; height: 14px; left: 138px; top: 51px;visibility: inherit">
                  <div id="u1613-1_div" class="u1613_div" style="width: 62px; height: 14px;visibility: inherit"></div>
                  <div id="u1613-1_text" class="text u1613_text" style="visibility: inherit">
                    <p><span>邮费&nbsp; &nbsp; 地区</span></p>
                  </div>
                </div>

                <!-- GoodsName (矩形) -->
                <div id="u1614-1" class="ax_default label u1614" data-label="GoodsName" style="width: 200px; height: 32px; left: 136px; top: 11px;visibility: inherit">
                  <div id="u1614-1_div" class="u1614_div" style="width: 200px; height: 32px;visibility: inherit"></div>
                  <div id="u1614-1_text" class="text u1614_text" style="visibility: inherit">
                    <p><span>&nbsp;&nbsp; &nbsp; &nbsp; 商品名称</span></p>
                  </div>
                </div>

                <!-- TmallIcon (图片 ) -->
                <div id="u1615-1" class="ax_default _图片 u1615" data-label="TmallIcon" style="width: 23px; height: 12px; left: 137px; top: 13px;visibility: inherit">
                  <img id="u1615-1_img" class="img u1615_img" src="images/商城页面/tmallicon_u1552.png"/>
                  <div id="u1615-1_text" class="text u1615_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- GoodsImage (图片 ) -->
                <div id="u1616-1" class="ax_default _图片 u1616" data-label="GoodsImage" style="width: 125px; height: 125px; left: 0px; top: 0px;visibility: inherit">
                  <img id="u1616-1_img" class="img u1616_img" src="images/商城页面_（交互页面）/goodsimage_u1616.svg"/>
                  <div id="u1616-1_text" class="text u1616_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>
              </div>
              <div id="u1608-2" class="" style="width: 360px; height: 125px;">

                <!-- Unnamed (线段) -->
                <div id="u1609-2" class="ax_default line u1609" style="width: 226px; height: 1px; left: 134px; top: 124px;visibility: inherit">
                  <img id="u1609-2_img" class="img u1609_img" src="images/商城页面/u1547.svg"/>
                  <div id="u1609-2_text" class="text u1609_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- MoreButton (矩形) -->
                <div id="u1610-2" class="ax_default _文本段落2 u1610" data-label="MoreButton" style="width: 12px; height: 24px; left: 340px; top: 99px;visibility: inherit">
                  <div id="u1610-2_div" class="u1610_div" style="width: 12px; height: 24px;visibility: inherit"></div>
                  <div id="u1610-2_text" class="text u1610_text" style="visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- PriceAndSales (矩形) -->
                <div id="u1611-2" class="ax_default label u1611" data-label="PriceAndSales" style="width: 158px; height: 21px; left: 134px; top: 95px;visibility: inherit">
                  <div id="u1611-2_div" class="u1611_div" style="width: 158px; height: 21px;visibility: inherit"></div>
                  <div id="u1611-2_text" class="text u1611_text" style="visibility: inherit">
                    <p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#FF3300;">￥</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;font-size:18px;color:#FF3300;">00.</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#FF3300;">00</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;font-size:18px;color:#FF3300;">&nbsp; </span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#999999;">**人付款</span></p>
                  </div>
                </div>

                <!-- UseGoldCoin (矩形) -->
                <div id="u1612-2" class="ax_default box_21 u1612" data-label="UseGoldCoin" style="width: 44px; height: 12px; left: 139px; top: 76px;display:none; visibility: hidden">
                  <div id="u1612-2_div" class="u1612_div" style="width: 44px; height: 12px;visibility: inherit"></div>
                  <div id="u1612-2_text" class="text u1612_text" style="visibility: inherit">
                    <p><span>金币抵扣</span></p>
                  </div>
                </div>

                <!-- PostageAndRegion (矩形) -->
                <div id="u1613-2" class="ax_default label u1613" data-label="PostageAndRegion" style="width: 62px; height: 14px; left: 138px; top: 51px;visibility: inherit">
                  <div id="u1613-2_div" class="u1613_div" style="width: 62px; height: 14px;visibility: inherit"></div>
                  <div id="u1613-2_text" class="text u1613_text" style="visibility: inherit">
                    <p><span>邮费&nbsp; &nbsp; 地区</span></p>
                  </div>
                </div>

                <!-- GoodsName (矩形) -->
                <div id="u1614-2" class="ax_default label u1614" data-label="GoodsName" style="width: 200px; height: 32px; left: 136px; top: 11px;visibility: inherit">
                  <div id="u1614-2_div" class="u1614_div" style="width: 200px; height: 32px;visibility: inherit"></div>
                  <div id="u1614-2_text" class="text u1614_text" style="visibility: inherit">
                    <p><span>&nbsp;&nbsp; &nbsp; &nbsp; 商品名称</span></p>
                  </div>
                </div>

                <!-- TmallIcon (图片 ) -->
                <div id="u1615-2" class="ax_default _图片 u1615" data-label="TmallIcon" style="width: 23px; height: 12px; left: 137px; top: 13px;visibility: inherit">
                  <img id="u1615-2_img" class="img u1615_img" src="images/商城页面/tmallicon_u1552.png"/>
                  <div id="u1615-2_text" class="text u1615_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- GoodsImage (图片 ) -->
                <div id="u1616-2" class="ax_default _图片 u1616" data-label="GoodsImage" style="width: 125px; height: 125px; left: 0px; top: 0px;visibility: inherit">
                  <img id="u1616-2_img" class="img u1616_img" src="images/商城页面_（交互页面）/goodsimage_u1616.svg"/>
                  <div id="u1616-2_text" class="text u1616_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>
              </div>
              <div id="u1608-3" class="" style="width: 360px; height: 125px;">

                <!-- Unnamed (线段) -->
                <div id="u1609-3" class="ax_default line u1609" style="width: 226px; height: 1px; left: 134px; top: 124px;visibility: inherit">
                  <img id="u1609-3_img" class="img u1609_img" src="images/商城页面/u1547.svg"/>
                  <div id="u1609-3_text" class="text u1609_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- MoreButton (矩形) -->
                <div id="u1610-3" class="ax_default _文本段落2 u1610" data-label="MoreButton" style="width: 12px; height: 24px; left: 340px; top: 99px;visibility: inherit">
                  <div id="u1610-3_div" class="u1610_div" style="width: 12px; height: 24px;visibility: inherit"></div>
                  <div id="u1610-3_text" class="text u1610_text" style="visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- PriceAndSales (矩形) -->
                <div id="u1611-3" class="ax_default label u1611" data-label="PriceAndSales" style="width: 158px; height: 21px; left: 134px; top: 95px;visibility: inherit">
                  <div id="u1611-3_div" class="u1611_div" style="width: 158px; height: 21px;visibility: inherit"></div>
                  <div id="u1611-3_text" class="text u1611_text" style="visibility: inherit">
                    <p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#FF3300;">￥</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;font-size:18px;color:#FF3300;">00.</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#FF3300;">00</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;font-size:18px;color:#FF3300;">&nbsp; </span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#999999;">**人付款</span></p>
                  </div>
                </div>

                <!-- UseGoldCoin (矩形) -->
                <div id="u1612-3" class="ax_default box_21 u1612" data-label="UseGoldCoin" style="width: 44px; height: 12px; left: 139px; top: 76px;display:none; visibility: hidden">
                  <div id="u1612-3_div" class="u1612_div" style="width: 44px; height: 12px;visibility: inherit"></div>
                  <div id="u1612-3_text" class="text u1612_text" style="visibility: inherit">
                    <p><span>金币抵扣</span></p>
                  </div>
                </div>

                <!-- PostageAndRegion (矩形) -->
                <div id="u1613-3" class="ax_default label u1613" data-label="PostageAndRegion" style="width: 62px; height: 14px; left: 138px; top: 51px;visibility: inherit">
                  <div id="u1613-3_div" class="u1613_div" style="width: 62px; height: 14px;visibility: inherit"></div>
                  <div id="u1613-3_text" class="text u1613_text" style="visibility: inherit">
                    <p><span>邮费&nbsp; &nbsp; 地区</span></p>
                  </div>
                </div>

                <!-- GoodsName (矩形) -->
                <div id="u1614-3" class="ax_default label u1614" data-label="GoodsName" style="width: 200px; height: 32px; left: 136px; top: 11px;visibility: inherit">
                  <div id="u1614-3_div" class="u1614_div" style="width: 200px; height: 32px;visibility: inherit"></div>
                  <div id="u1614-3_text" class="text u1614_text" style="visibility: inherit">
                    <p><span>&nbsp;&nbsp; &nbsp; &nbsp; 商品名称</span></p>
                  </div>
                </div>

                <!-- TmallIcon (图片 ) -->
                <div id="u1615-3" class="ax_default _图片 u1615" data-label="TmallIcon" style="width: 23px; height: 12px; left: 137px; top: 13px;visibility: inherit">
                  <img id="u1615-3_img" class="img u1615_img" src="images/商城页面/tmallicon_u1552.png"/>
                  <div id="u1615-3_text" class="text u1615_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- GoodsImage (图片 ) -->
                <div id="u1616-3" class="ax_default _图片 u1616" data-label="GoodsImage" style="width: 125px; height: 125px; left: 0px; top: 0px;visibility: inherit">
                  <img id="u1616-3_img" class="img u1616_img" src="images/商城页面_（交互页面）/goodsimage_u1616.svg"/>
                  <div id="u1616-3_text" class="text u1616_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>
              </div>
              <div id="u1608-4" class="" style="width: 360px; height: 125px;">

                <!-- Unnamed (线段) -->
                <div id="u1609-4" class="ax_default line u1609" style="width: 226px; height: 1px; left: 134px; top: 124px;visibility: inherit">
                  <img id="u1609-4_img" class="img u1609_img" src="images/商城页面/u1547.svg"/>
                  <div id="u1609-4_text" class="text u1609_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- MoreButton (矩形) -->
                <div id="u1610-4" class="ax_default _文本段落2 u1610" data-label="MoreButton" style="width: 12px; height: 24px; left: 340px; top: 99px;visibility: inherit">
                  <div id="u1610-4_div" class="u1610_div" style="width: 12px; height: 24px;visibility: inherit"></div>
                  <div id="u1610-4_text" class="text u1610_text" style="visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- PriceAndSales (矩形) -->
                <div id="u1611-4" class="ax_default label u1611" data-label="PriceAndSales" style="width: 158px; height: 21px; left: 134px; top: 95px;visibility: inherit">
                  <div id="u1611-4_div" class="u1611_div" style="width: 158px; height: 21px;visibility: inherit"></div>
                  <div id="u1611-4_text" class="text u1611_text" style="visibility: inherit">
                    <p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#FF3300;">￥</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;font-size:18px;color:#FF3300;">00.</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#FF3300;">00</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;font-size:18px;color:#FF3300;">&nbsp; </span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#999999;">**人付款</span></p>
                  </div>
                </div>

                <!-- UseGoldCoin (矩形) -->
                <div id="u1612-4" class="ax_default box_21 u1612" data-label="UseGoldCoin" style="width: 44px; height: 12px; left: 139px; top: 76px;display:none; visibility: hidden">
                  <div id="u1612-4_div" class="u1612_div" style="width: 44px; height: 12px;visibility: inherit"></div>
                  <div id="u1612-4_text" class="text u1612_text" style="visibility: inherit">
                    <p><span>金币抵扣</span></p>
                  </div>
                </div>

                <!-- PostageAndRegion (矩形) -->
                <div id="u1613-4" class="ax_default label u1613" data-label="PostageAndRegion" style="width: 62px; height: 14px; left: 138px; top: 51px;visibility: inherit">
                  <div id="u1613-4_div" class="u1613_div" style="width: 62px; height: 14px;visibility: inherit"></div>
                  <div id="u1613-4_text" class="text u1613_text" style="visibility: inherit">
                    <p><span>邮费&nbsp; &nbsp; 地区</span></p>
                  </div>
                </div>

                <!-- GoodsName (矩形) -->
                <div id="u1614-4" class="ax_default label u1614" data-label="GoodsName" style="width: 200px; height: 32px; left: 136px; top: 11px;visibility: inherit">
                  <div id="u1614-4_div" class="u1614_div" style="width: 200px; height: 32px;visibility: inherit"></div>
                  <div id="u1614-4_text" class="text u1614_text" style="visibility: inherit">
                    <p><span>&nbsp;&nbsp; &nbsp; &nbsp; 商品名称</span></p>
                  </div>
                </div>

                <!-- TmallIcon (图片 ) -->
                <div id="u1615-4" class="ax_default _图片 u1615" data-label="TmallIcon" style="width: 23px; height: 12px; left: 137px; top: 13px;visibility: inherit">
                  <img id="u1615-4_img" class="img u1615_img" src="images/商城页面/tmallicon_u1552.png"/>
                  <div id="u1615-4_text" class="text u1615_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- GoodsImage (图片 ) -->
                <div id="u1616-4" class="ax_default _图片 u1616" data-label="GoodsImage" style="width: 125px; height: 125px; left: 0px; top: 0px;visibility: inherit">
                  <img id="u1616-4_img" class="img u1616_img" src="images/商城页面_（交互页面）/goodsimage_u1616.svg"/>
                  <div id="u1616-4_text" class="text u1616_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>
              </div>
              <div id="u1608-5" class="" style="width: 360px; height: 125px;">

                <!-- Unnamed (线段) -->
                <div id="u1609-5" class="ax_default line u1609" style="width: 226px; height: 1px; left: 134px; top: 124px;visibility: inherit">
                  <img id="u1609-5_img" class="img u1609_img" src="images/商城页面/u1547.svg"/>
                  <div id="u1609-5_text" class="text u1609_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- MoreButton (矩形) -->
                <div id="u1610-5" class="ax_default _文本段落2 u1610" data-label="MoreButton" style="width: 12px; height: 24px; left: 340px; top: 99px;visibility: inherit">
                  <div id="u1610-5_div" class="u1610_div" style="width: 12px; height: 24px;visibility: inherit"></div>
                  <div id="u1610-5_text" class="text u1610_text" style="visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- PriceAndSales (矩形) -->
                <div id="u1611-5" class="ax_default label u1611" data-label="PriceAndSales" style="width: 158px; height: 21px; left: 134px; top: 95px;visibility: inherit">
                  <div id="u1611-5_div" class="u1611_div" style="width: 158px; height: 21px;visibility: inherit"></div>
                  <div id="u1611-5_text" class="text u1611_text" style="visibility: inherit">
                    <p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#FF3300;">￥</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;font-size:18px;color:#FF3300;">00.</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#FF3300;">00</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;font-size:18px;color:#FF3300;">&nbsp; </span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#999999;">**人付款</span></p>
                  </div>
                </div>

                <!-- UseGoldCoin (矩形) -->
                <div id="u1612-5" class="ax_default box_21 u1612" data-label="UseGoldCoin" style="width: 44px; height: 12px; left: 139px; top: 76px;display:none; visibility: hidden">
                  <div id="u1612-5_div" class="u1612_div" style="width: 44px; height: 12px;visibility: inherit"></div>
                  <div id="u1612-5_text" class="text u1612_text" style="visibility: inherit">
                    <p><span>金币抵扣</span></p>
                  </div>
                </div>

                <!-- PostageAndRegion (矩形) -->
                <div id="u1613-5" class="ax_default label u1613" data-label="PostageAndRegion" style="width: 62px; height: 14px; left: 138px; top: 51px;visibility: inherit">
                  <div id="u1613-5_div" class="u1613_div" style="width: 62px; height: 14px;visibility: inherit"></div>
                  <div id="u1613-5_text" class="text u1613_text" style="visibility: inherit">
                    <p><span>邮费&nbsp; &nbsp; 地区</span></p>
                  </div>
                </div>

                <!-- GoodsName (矩形) -->
                <div id="u1614-5" class="ax_default label u1614" data-label="GoodsName" style="width: 200px; height: 32px; left: 136px; top: 11px;visibility: inherit">
                  <div id="u1614-5_div" class="u1614_div" style="width: 200px; height: 32px;visibility: inherit"></div>
                  <div id="u1614-5_text" class="text u1614_text" style="visibility: inherit">
                    <p><span>&nbsp;&nbsp; &nbsp; &nbsp; 商品名称</span></p>
                  </div>
                </div>

                <!-- TmallIcon (图片 ) -->
                <div id="u1615-5" class="ax_default _图片 u1615" data-label="TmallIcon" style="width: 23px; height: 12px; left: 137px; top: 13px;visibility: inherit">
                  <img id="u1615-5_img" class="img u1615_img" src="images/商城页面/tmallicon_u1552.png"/>
                  <div id="u1615-5_text" class="text u1615_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- GoodsImage (图片 ) -->
                <div id="u1616-5" class="ax_default _图片 u1616" data-label="GoodsImage" style="width: 125px; height: 125px; left: 0px; top: 0px;visibility: inherit">
                  <img id="u1616-5_img" class="img u1616_img" src="images/商城页面_（交互页面）/goodsimage_u1616.svg"/>
                  <div id="u1616-5_text" class="text u1616_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>
              </div>
              <div id="u1608-6" class="" style="width: 360px; height: 125px;">

                <!-- Unnamed (线段) -->
                <div id="u1609-6" class="ax_default line u1609" style="width: 226px; height: 1px; left: 134px; top: 124px;visibility: inherit">
                  <img id="u1609-6_img" class="img u1609_img" src="images/商城页面/u1547.svg"/>
                  <div id="u1609-6_text" class="text u1609_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- MoreButton (矩形) -->
                <div id="u1610-6" class="ax_default _文本段落2 u1610" data-label="MoreButton" style="width: 12px; height: 24px; left: 340px; top: 99px;visibility: inherit">
                  <div id="u1610-6_div" class="u1610_div" style="width: 12px; height: 24px;visibility: inherit"></div>
                  <div id="u1610-6_text" class="text u1610_text" style="visibility: inherit">
                    <p><span></span></p>
                  </div>
                </div>

                <!-- PriceAndSales (矩形) -->
                <div id="u1611-6" class="ax_default label u1611" data-label="PriceAndSales" style="width: 158px; height: 21px; left: 134px; top: 95px;visibility: inherit">
                  <div id="u1611-6_div" class="u1611_div" style="width: 158px; height: 21px;visibility: inherit"></div>
                  <div id="u1611-6_text" class="text u1611_text" style="visibility: inherit">
                    <p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#FF3300;">￥</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;font-size:18px;color:#FF3300;">00.</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#FF3300;">00</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;font-size:18px;color:#FF3300;">&nbsp; </span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#999999;">**人付款</span></p>
                  </div>
                </div>

                <!-- UseGoldCoin (矩形) -->
                <div id="u1612-6" class="ax_default box_21 u1612" data-label="UseGoldCoin" style="width: 44px; height: 12px; left: 139px; top: 76px;display:none; visibility: hidden">
                  <div id="u1612-6_div" class="u1612_div" style="width: 44px; height: 12px;visibility: inherit"></div>
                  <div id="u1612-6_text" class="text u1612_text" style="visibility: inherit">
                    <p><span>金币抵扣</span></p>
                  </div>
                </div>

                <!-- PostageAndRegion (矩形) -->
                <div id="u1613-6" class="ax_default label u1613" data-label="PostageAndRegion" style="width: 62px; height: 14px; left: 138px; top: 51px;visibility: inherit">
                  <div id="u1613-6_div" class="u1613_div" style="width: 62px; height: 14px;visibility: inherit"></div>
                  <div id="u1613-6_text" class="text u1613_text" style="visibility: inherit">
                    <p><span>邮费&nbsp; &nbsp; 地区</span></p>
                  </div>
                </div>

                <!-- GoodsName (矩形) -->
                <div id="u1614-6" class="ax_default label u1614" data-label="GoodsName" style="width: 200px; height: 32px; left: 136px; top: 11px;visibility: inherit">
                  <div id="u1614-6_div" class="u1614_div" style="width: 200px; height: 32px;visibility: inherit"></div>
                  <div id="u1614-6_text" class="text u1614_text" style="visibility: inherit">
                    <p><span>&nbsp;&nbsp; &nbsp; &nbsp; 商品名称</span></p>
                  </div>
                </div>

                <!-- TmallIcon (图片 ) -->
                <div id="u1615-6" class="ax_default _图片 u1615" data-label="TmallIcon" style="width: 23px; height: 12px; left: 137px; top: 13px;visibility: inherit">
                  <img id="u1615-6_img" class="img u1615_img" src="images/商城页面/tmallicon_u1552.png"/>
                  <div id="u1615-6_text" class="text u1615_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- GoodsImage (图片 ) -->
                <div id="u1616-6" class="ax_default _图片 u1616" data-label="GoodsImage" style="width: 125px; height: 125px; left: 0px; top: 0px;visibility: inherit">
                  <img id="u1616-6_img" class="img u1616_img" src="images/商城页面_（交互页面）/goodsimage_u1616.svg"/>
                  <div id="u1616-6_text" class="text u1616_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1617" class="ax_default box_21">
        <div id="u1617_div" class=""></div>
        <div id="u1617_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1618" class="ax_default label selected" selectiongroup="Sort">
        <div id="u1618_div" class="selected"></div>
        <div id="u1618_text" class="text ">
          <p><span>默认</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1619" class="ax_default label" selectiongroup="Sort">
        <div id="u1619_div" class=""></div>
        <div id="u1619_text" class="text ">
          <p><span>销量优先</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1620" class="ax_default label">
        <div id="u1620_div" class=""></div>
        <div id="u1620_text" class="text ">
          <p><span>筛选 </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1621" class="ax_default label" selectiongroup="Sort">
        <div id="u1621_div" class=""></div>
        <div id="u1621_text" class="text ">
          <p><span>价格</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1622" class="ax_default box_21">
        <div id="u1622_div" class=""></div>
        <div id="u1622_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

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

      <!-- SearchKeyInput (文本框) -->
      <div id="u1624" class="ax_default text_field" data-label="SearchKeyInput">
        <div id="u1624_div" class=""></div>
        <input id="u1624_input" type="text" value="" class="u1624_input"/>
      </div>

      <!-- Loading (矩形) -->
      <div id="u1625" class="ax_default box_21 ax_default_hidden" data-label="Loading" style="display:none; visibility: hidden">
        <div id="u1625_div" class=""></div>
        <div id="u1625_text" class="text ">
          <p><span>正在加载...</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1626" class="ax_default icon">
        <img id="u1626_img" class="img " src="images/商城页面_（交互页面）/u1626.svg"/>
        <div id="u1626_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1627" class="ax_default _文本段落">
        <div id="u1627_div" class=""></div>
        <div id="u1627_text" class="text ">
          <p><span>交互设计：向上滑动加载更多的中继器</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1628" class="ax_default _文本段落">
        <div id="u1628_div" class=""></div>
        <div id="u1628_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></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><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#000000;">“已全部加载完成！”的提示。</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>