master

分支 (1)

管理

管理

master

MusicAxure
/
songlist.html

<!DOCTYPE html>
<html>
  <head>
    <title>songlist</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/songlist/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/songlist/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 面包屑 (组合) -->
      <div id="u1175" class="ax_default" data-label="面包屑" data-left="0" data-top="0" data-width="1000" data-height="38">

        <!-- Unnamed (矩形) -->
        <div id="u1176" class="ax_default _形状1">
          <div id="u1176_div" class=""></div>
          <div id="u1176_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1177" class="ax_default _文本段落">
          <div id="u1177_div" class=""></div>
          <div id="u1177_text" class="text ">
            <p><span>首页</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1178" class="ax_default _文本段落">
          <div id="u1178_div" class=""></div>
          <div id="u1178_text" class="text ">
            <p><span>/</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1179" class="ax_default _文本段落">
          <div id="u1179_div" class=""></div>
          <div id="u1179_text" class="text ">
            <p><span>一级页面</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1180" class="ax_default box_1">
        <img id="u1180_img" class="img " src="images/albumlist_1/u1039.svg"/>
        <div id="u1180_text" class="text ">
          <p><span>批量删除</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1181" class="ax_default image">
        <img id="u1181_img" class="img " src="images/albumlist_1/u1040.png"/>
        <div id="u1181_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1182" class="ax_default box_1">
        <img id="u1182_img" class="img " src="images/albumlist_1/u1041.svg"/>
        <div id="u1182_text" class="text ">
          <p><span>增加歌曲</span></p>
        </div>
      </div>

      <!-- Unnamed (下拉列表) -->
      <div id="u1183" class="ax_default box_1">
        <div id="u1183_div" class=""></div>
        <select id="u1183_input" class="u1183_input">
          <option class="u1183_input_option" value="显示10条">显示10条</option>
          <option class="u1183_input_option" value="显示25条">显示25条</option>
          <option class="u1183_input_option" value="显示50条">显示50条</option>
          <option class="u1183_input_option" value="显示100条">显示100条</option>
        </select>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1184" class="ax_default image">
        <img id="u1184_img" class="img " src="images/albumlist_1/u1043.png"/>
        <div id="u1184_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u1185" class="ax_default box_1">
        <div id="u1185_div" class=""></div>
        <input id="u1185_input" type="text" value="" class="u1185_input"/>
      </div>

      <!-- 表格头部 (表格) -->
      <div id="u1186" class="ax_default" data-label="表格头部">

        <!-- Unnamed (单元格) -->
        <div id="u1187" class="ax_default box_1">
          <img id="u1187_img" class="img " src="images/albumlist_1/u1046.png"/>
          <div id="u1187_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1188" class="ax_default box_1">
          <img id="u1188_img" class="img " src="images/albumlist_1/u1047.png"/>
          <div id="u1188_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;color:#666666;">ID&nbsp; </span><a id="u1189" class="link"><span style="font-family:'FontAwesome';font-weight:400;font-style:normal;color:#999999;"></span></a></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1190" class="ax_default box_1">
          <img id="u1190_img" class="img " src="images/albumlist_1/u1049.png"/>
          <div id="u1190_text" class="text ">
            <p><span>歌曲名</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1191" class="ax_default box_1">
          <img id="u1191_img" class="img " src="images/albumlist_1/u1047.png"/>
          <div id="u1191_text" class="text ">
            <p><span>歌手名称</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1192" class="ax_default box_1">
          <img id="u1192_img" class="img " src="images/albumlist_1/u1047.png"/>
          <div id="u1192_text" class="text ">
            <p><span>发行时间</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1193" class="ax_default box_1">
          <img id="u1193_img" class="img " src="images/albumlist_1/u1047.png"/>
          <div id="u1193_text" class="text ">
            <p><span>图片</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1194" class="ax_default box_1">
          <img id="u1194_img" class="img " src="images/albumlist_1/u1053.png"/>
          <div id="u1194_text" class="text ">
            <p><span>时长</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1195" class="ax_default box_1">
          <img id="u1195_img" class="img " src="images/albumlist_1/u1049.png"/>
          <div id="u1195_text" class="text ">
            <p><span>标签</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1196" class="ax_default box_1">
          <img id="u1196_img" class="img " src="images/albumlist_1/u1055.png"/>
          <div id="u1196_text" class="text ">
            <p><span>操作</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1197" class="ax_default box_1">
          <img id="u1197_img" class="img " src="images/albumlist_1/u1056.png"/>
          <div id="u1197_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1198" class="ax_default box_1">
          <img id="u1198_img" class="img " src="images/albumlist_1/u1057.png"/>
          <div id="u1198_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1199" class="ax_default box_1">
          <img id="u1199_img" class="img " src="images/albumlist_1/u1058.png"/>
          <div id="u1199_text" class="text ">
            <p><span>画心</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1200" class="ax_default box_1">
          <img id="u1200_img" class="img " src="images/albumlist_1/u1057.png"/>
          <div id="u1200_text" class="text ">
            <p><span>张靓颖</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1201" class="ax_default box_1">
          <img id="u1201_img" class="img " src="images/albumlist_1/u1057.png"/>
          <div id="u1201_text" class="text ">
            <p><span>2017年6月30日</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1202" class="ax_default box_1">
          <img id="u1202_img" class="img " src="images/albumlist_1/u1057.png"/>
          <div id="u1202_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1203" class="ax_default box_1">
          <img id="u1203_img" class="img " src="images/albumlist_1/u1062.png"/>
          <div id="u1203_text" class="text ">
            <p><span>03:39 </span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1204" class="ax_default box_1">
          <img id="u1204_img" class="img " src="images/albumlist_1/u1058.png"/>
          <div id="u1204_text" class="text ">
            <p><span>影视,流行,</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1205" class="ax_default box_1">
          <img id="u1205_img" class="img " src="images/albumlist_1/u1064.png"/>
          <div id="u1205_text" class="text ">
            <p><a id="u1206" class="link"><span style="font-family:'FontAwesome';font-weight:400;">&nbsp; </span><span style="font-family:'微软雅黑';font-weight:400;">编辑</span></a><span style="font-family:'FontAwesome';font-weight:400;">&nbsp; &nbsp; </span><a id="u1207" class="link"><span style="font-family:'FontAwesome';font-weight:400;"> </span><span style="font-family:'微软雅黑';font-weight:400;">删除</span></a></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1208" class="ax_default box_1">
          <img id="u1208_img" class="img " src="images/albumlist_1/u1056.png"/>
          <div id="u1208_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1209" class="ax_default box_1">
          <img id="u1209_img" class="img " src="images/albumlist_1/u1057.png"/>
          <div id="u1209_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1210" class="ax_default box_1">
          <img id="u1210_img" class="img " src="images/albumlist_1/u1058.png"/>
          <div id="u1210_text" class="text ">
            <p><span>青花瓷</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1211" class="ax_default box_1">
          <img id="u1211_img" class="img " src="images/albumlist_1/u1057.png"/>
          <div id="u1211_text" class="text ">
            <p><span>周杰伦</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1212" class="ax_default box_1">
          <img id="u1212_img" class="img " src="images/albumlist_1/u1057.png"/>
          <div id="u1212_text" class="text ">
            <p><span>2017年6月30日</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1213" class="ax_default box_1">
          <img id="u1213_img" class="img " src="images/albumlist_1/u1057.png"/>
          <div id="u1213_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1214" class="ax_default box_1">
          <img id="u1214_img" class="img " src="images/albumlist_1/u1062.png"/>
          <div id="u1214_text" class="text ">
            <p><span>03:39 </span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1215" class="ax_default box_1">
          <img id="u1215_img" class="img " src="images/albumlist_1/u1058.png"/>
          <div id="u1215_text" class="text ">
            <p><span>影视,流行,</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1216" class="ax_default box_1">
          <img id="u1216_img" class="img " src="images/albumlist_1/u1064.png"/>
          <div id="u1216_text" class="text ">
            <p><a id="u1217" class="link"><span style="font-family:'FontAwesome';font-weight:400;">&nbsp; </span><span style="font-family:'微软雅黑';font-weight:400;">编辑</span></a><span style="font-family:'FontAwesome';font-weight:400;">&nbsp; &nbsp; </span><a id="u1218" class="link"><span style="font-family:'FontAwesome';font-weight:400;"> </span><span style="font-family:'微软雅黑';font-weight:400;">删除</span></a></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1219" class="ax_default box_1">
          <img id="u1219_img" class="img " src="images/albumlist_1/u1078.png"/>
          <div id="u1219_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1220" class="ax_default box_1">
          <img id="u1220_img" class="img " src="images/albumlist_1/u1079.png"/>
          <div id="u1220_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1221" class="ax_default box_1">
          <img id="u1221_img" class="img " src="images/albumlist_1/u1080.png"/>
          <div id="u1221_text" class="text ">
            <p><span>知否知否</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1222" class="ax_default box_1">
          <img id="u1222_img" class="img " src="images/albumlist_1/u1079.png"/>
          <div id="u1222_text" class="text ">
            <p><span>郁可唯</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1223" class="ax_default box_1">
          <img id="u1223_img" class="img " src="images/albumlist_1/u1079.png"/>
          <div id="u1223_text" class="text ">
            <p><span>2017年6月30日</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1224" class="ax_default box_1">
          <img id="u1224_img" class="img " src="images/albumlist_1/u1079.png"/>
          <div id="u1224_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1225" class="ax_default box_1">
          <img id="u1225_img" class="img " src="images/albumlist_1/u1084.png"/>
          <div id="u1225_text" class="text ">
            <p><span>03:39 </span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1226" class="ax_default box_1">
          <img id="u1226_img" class="img " src="images/albumlist_1/u1080.png"/>
          <div id="u1226_text" class="text ">
            <p><span>影视,流行,</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u1227" class="ax_default box_1">
          <img id="u1227_img" class="img " src="images/albumlist_1/u1086.png"/>
          <div id="u1227_text" class="text ">
            <p><a id="u1228" class="link"><span style="font-family:'FontAwesome';font-weight:400;">&nbsp; </span><span style="font-family:'微软雅黑';font-weight:400;">编辑</span></a><span style="font-family:'FontAwesome';font-weight:400;">&nbsp; &nbsp; </span><a id="u1229" class="link"><span style="font-family:'FontAwesome';font-weight:400;"> </span><span style="font-family:'微软雅黑';font-weight:400;">删除</span></a></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (常用分页) -->

      <!-- Unnamed (组合) -->
      <div id="u1231" class="ax_default" data-left="560" data-top="394" data-width="440" data-height="35">

        <!-- Unnamed (矩形) -->
        <div id="u1232" class="ax_default box_1 selected">
          <div id="u1232_div" class="selected"></div>
          <div id="u1232_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1233" class="ax_default box_1">
          <div id="u1233_div" class=""></div>
          <div id="u1233_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1234" class="ax_default box_1">
          <div id="u1234_div" class=""></div>
          <div id="u1234_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1235" class="ax_default box_1">
          <div id="u1235_div" class=""></div>
          <div id="u1235_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1236" class="ax_default box_1 disabled">
          <div id="u1236_div" class="disabled"></div>
          <div id="u1236_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1237" class="ax_default box_1">
          <div id="u1237_div" class=""></div>
          <div id="u1237_text" class="text ">
            <p><span>…</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1238" class="ax_default box_1">
          <div id="u1238_div" class=""></div>
          <div id="u1238_text" class="text ">
            <p><span>5</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1239" class="ax_default box_1">
          <div id="u1239_div" class=""></div>
          <div id="u1239_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1240" class="ax_default box_1">
          <div id="u1240_div" class=""></div>
          <div id="u1240_text" class="text ">
            <p><span>50</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1241" class="ax_default box_1">
          <div id="u1241_div" class=""></div>
          <div id="u1241_text" class="text ">
            <p style="font-size:10px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;">10</span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;">条/页 </span><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;"> </span></p>
          </div>
        </div>
      </div>
      <div id="u1230" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (矩形) -->
      <div id="u1242" class="ax_default box_1">
        <div id="u1242_div" class=""></div>
        <div id="u1242_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;font-style:normal;"></span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;"> 全选</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1243" class="ax_default box_1">
        <div id="u1243_div" class=""></div>
        <div id="u1243_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;font-style:normal;"></span><span style="font-family:'微软雅黑 Regular', '微软雅黑';font-weight:400;"> 反选</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1244" class="ax_default" data-left="192" data-top="394" data-width="140" data-height="35">

        <!-- Unnamed (矩形) -->
        <div id="u1245" class="ax_default box_1">
          <div id="u1245_div" class=""></div>
          <div id="u1245_text" class="text ">
            <p><span>批量操作</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1246" class="ax_default box_1">
          <div id="u1246_div" class=""></div>
          <div id="u1246_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1247" class="ax_default image">
        <img id="u1247_img" class="img " src="images/songlist/u1247.png"/>
        <div id="u1247_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1248" class="ax_default image">
        <img id="u1248_img" class="img " src="images/songlist/u1247.png"/>
        <div id="u1248_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1249" class="ax_default image">
        <img id="u1249_img" class="img " src="images/songlist/u1247.png"/>
        <div id="u1249_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (下拉列表) -->
      <div id="u1250" class="ax_default box_1">
        <div id="u1250_div" class=""></div>
        <select id="u1250_input" class="u1250_input">
          <option class="u1250_input_option" value="显示10条">显示10条</option>
          <option class="u1250_input_option" value="显示25条">显示25条</option>
          <option class="u1250_input_option" value="显示50条">显示50条</option>
          <option class="u1250_input_option" value="显示100条">显示100条</option>
        </select>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>