bootstrap table 插件
2015-11-26 10:05
531 查看
公司突然说要做一个前端界面,要好看,并且高逼格.
bootstrap table 插件的学习使用
<!DOCTYPE html> <html> <head> <title>基本事件的触发,几乎所有的事件都在下面了</title> <meta charset="utf-8"> <!--bootstrapJS/CSS=====-bootstrapTableJS/CSS--> <link href="bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet"> <link href="bootstrap-3.3.5-dist/css/bootstrap-table.css" rel="stylesheet"> <script src="jQuery/jquery-1.8.2.min.js"></script> <script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script> <script src="bootstrap-3.3.5-dist/js/bootstrap-table.js"></script> </head> <body> <div class="alert alert-success" id="events-result" data-es="Aquí se muestra el resultado del evento"> Here is the result of event. </div> <table id="events-table" data-toggle="table" data-url="data2.json" data-height="299" data-search="true" data-pagination="true" data-show-columns="true"> <thead> <tr> <th data-field="state" data-checkbox="true" ></th> <th data-field="id" data-sortable="true" >房间号</th> <th data-field="name" data-sortable="true" >电话</th> <th data-field="price" data-sortable="true" >创建时间</th> <th data-align="center" >操作</th> </tr> </thead> </table> <script> // $(function(){ // //获取bootstrap-table // var $result = $('#events-table').bootstrap({ // onClickRow:function(row){ // // } // }); // // }); $(function () { var $result = $('#events-result');//得到一个div $('#events-table').bootstrapTable({//这个是bootstrap table onClickRow: function (row) {//触发时间,时间触发的值 $result.text('Event: onClickRow, data: ' + JSON.stringify(row));//json解析object对象 }, 4000 onDblClickRow: function (row) { $result.text('Event: onDblClickRow, data: ' + JSON.stringify(row)); }, onSort: function (name, order) { $result.text('Event: onSort, data: ' + name + ', ' + order); }, onCheck: function (row) { $result.text('Event: onCheck, data: ' + JSON.stringify(row)); }, onUncheck: function (row) { $result.text('Event: onUncheck, data: ' + JSON.stringify(row)); }, onCheckAll: function () { $result.text('Event: onCheckAll'); }, onUncheckAll: function () { $result.text('Event: onUncheckAll'); }, onLoadSuccess: function (data) { $result.text('Event: onLoadSuccess, data: ' + data); }, onLoadError: function (status) { $result.text('Event: onLoadError, data: ' + status); }, onColumnSwitch: function (field, checked) { $result.text('Event: onSort, data: ' + field + ', ' + checked); }, onPageChange: function (number, size) { $result.text('Event: onPageChange, data: ' + number + ', ' + size); }, onSearch: function (text) { $result.text('Event: onSearch, data: ' + text); } }).on('click-row.bs.table', function (e, row, $element) { $result.text('Event: click-row.bs.table, data: ' + JSON.stringify(row)); }).on('dbl-click-row.bs.table', function (e, row, $element) { $result.text('Event: dbl-click-row.bs.table, data: ' + JSON.stringify(row)); }).on('sort.bs.table', function (e, name, order) { $result.text('Event: sort.bs.table, data: ' + name + ', ' + order); }).on('check.bs.table', function (e, row) { $result.text('Event: check.bs.table, data: ' + JSON.stringify(row)); }).on('uncheck.bs.table', function (e, row) { $result.text('Event: uncheck.bs.table, data: ' + JSON.stringify(row)); }).on('check-all.bs.table', function (e) { $result.text('Event: check-all.bs.table'); }).on('uncheck-all.bs.table', function (e) { $result.text('Event: uncheck-all.bs.table'); }).on('load-success.bs.table', function (e, data) { $result.text('Event: load-success.bs.table'); }).on('load-error.bs.table', function (e, status) { $result.text('Event: load-error.bs.table, data: ' + status); }).on('column-switch.bs.table', function (e, field, checked) { $result.text('Event: column-switch.bs.table, data: ' + field + ', ' + checked); }).on('page-change.bs.table', function (e, size, number) { $result.text('Event: page-change.bs.table, data: ' + number + ', ' + size); }).on('search.bs.table', function (e, text) { $result.text('Event: search.bs.table, data: ' + text); }); }); </script> </body> </html> ========================data2.json数据文件=========== [ { "id": 888, "name": "test0", "price": "$0" }, { "id": 1, "name": "test1", "price": "$1" }, { "id": 2, "name": "test2", "price": "$2" }, { "id": 3, "name": "test3", "price": "$3" }, { "id": 4, "name": "test4", "price": "$4" }, { "id": 5, "name": "test5", "price": "$5" }, { "id": 6, "name": "test6", "price": "$6" }, { "id": 7, "name": "test7", "price": "$7" }, { "id": 8, "name": "test8", "price": "$8" }, { "id": 9, "name": "test9", "price": "$9" }, { "id": 10, "name": "test10", "price": "$10" }, { "id": 11, "name": "test11", "price": "$11" }, { "id": 12, "name": "test12", "price": "$12" }, { "id": 13, "name": "test13", "price": "$13" }, { "id": 14, "name": "test14", "price": "$14" }, { "id": 15, "name": "test15", "price": "$15" }, { "id": 16, "name": "test16", "price": "$16" }, { "id": 17, "name": "test17", "price": "$17" }, { "id": 18, "name": "test18", "price": "$18" }, { "id": 19, "name": "test19", "price": "$19" }, { "id": 20, "name": "test20", "price": "$20" }, { "id": 21, "name": "test21", "price": "$21" }, { "id": 22, "name": "test22", "price": "$22" }, { "id": 23, "name": "test23", "price": "$23" }, { "id": 24, "name": "test24", "price": "$24" }, { "id": 25, "name": "test25", "price": "$25" }, { "id": 26, "name": "test26", "price": "$26" }, { "id": 27, "name": "test27", "price": "$27" }, { "id": 28, "name": "test28", "price": "$28" }, { "id": 29, "name": "test29", "price": "$29" }, { "id": 30, "name": "test30", "price": "$30" }, { "id": 31, "name": "test31", "price": "$31" }, { "id": 32, "name": "test32", "price": "$32" }, { "id": 33, "name": "test33", "price": "$33" }, { "id": 34, "name": "test34", "price": "$34" }, { "id": 35, "name": "test35", "price": "$35" }, { "id": 36, "name": "test36", "price": "$36" }, { "id": 37, "name": "test37", "price": "$37" }, { "id": 38, "name": "test38", "price": "$38" }, { "id": 39, "name": "test39", "price": "$39" }, { "id": 40, "name": "test40", "price": "$40" }, { "id": 41, "name": "test41", "price": "$41" }, { "id": 42, "name": "test42", "price": "$42" }, { "id": 43, "name": "test43", "price": "$43" }, { "id": 44, "name": "test44", "price": "$44" }, { "id": 45, "name": "test45", "price": "$45" }, { "id": 46, "name": "test46", "price": "$46" }, { "id": 47, "name": "test47", "price": "$47" }, { "id": 48, "name": "test48", "price": "$48" }, { "id": 49, "name": "test49", "price": "$49" }, { "id": 50, "name": "test50", "price": "$50" }, { "id": 51, "name": "test51", "price": "$51" }, { "id": 52, "name": "test52", "price": "$52" }, { "id": 53, "name": "test53", "price": "$53" }, { "id": 54, "name": "test54", "price": "$54" }, { "id": 55, "name": "test55", "price": "$55" }, { "id": 56, "name": "test56", "price": "$56" }, { "id": 57, "name": "test57", "price": "$57" }, { "id": 58, "name": "test58", "price": "$58" }, { "id": 59, "name": "test59", "price": "$59" }, { "id": 60, "name": "test60", "price": "$60" }, { "id": 61, "name": "test61", "price": "$61" }, { "id": 62, "name": "test62", "price": "$62" }, { "id": 63, "name": "test63", "price": "$63" }, { "id": 64, "name": "test64", "price": "$64" }, { "id": 65, "name": "test65", "price": "$65" }, { "id": 66, "name": "test66", "price": "$66" }, { "id": 67, "name": "test67", "price": "$67" }, { "id": 68, "name": "test68", "price": "$68" }, { "id": 69, "name": "test69", "price": "$69" }, { "id": 70, "name": "test70", "price": "$70" }, { "id": 71, "name": "test71", "price": "$71" }, { "id": 72, "name": "test72", "price": "$72" }, { "id": 73, "name": "test73", "price": "$73" }, { "id": 74, "name": "test74", "price": "$74" }, { "id": 75, "name": "test75", "price": "$75" }, { "id": 76, "name": "test76", "price": "$76" }, { "id": 77, "name": "test77", "price": "$77" }, { "id": 78, "name": "test78", "price": "$78" }, { "id": 79, "name": "test79", "price": "$79" }, { "id": 80, "name": "test80", "price": "$80" }, { "id": 81, "name": "test81", "price": "$81" }, { "id": 82, "name": "test82", "price": "$82" }, { "id": 83, "name": "test83", "price": "$83" }, { "id": 84, "name": "test84", "price": "$84" }, { "id": 85, "name": "test85", "price": "$85" }, { "id": 86, "name": "test86", "price": "$86" }, { "id": 87, "name": "test87", "price": "$87" }, { "id": 88, "name": "test88", "price": "$88" }, { "id": 89, "name": "test89", "price": "$89" }, { "id": 90, "name": "test90", "price": "$90" }, { "id": 91, "name": "test91", "price": "$91" }, { "id": 92, "name": "test92", "price": "$92" }, { "id": 93, "name": "test93", "price": "$93" }, { "id": 94, "name": "test94", "price": "$94" }, { "id": 95, "name": "test95", "price": "$95" }, { "id": 96, "name": "test96", "price": "$96" }, { "id": 97, "name": "test97", "price": "$97" }, { "id": 98, "name": "test98", "price": "$98" }, { "id": 99, "name": "test99", "price": "$99" }, { "id": 100, "name": "test100", "price": "$100" }, { "id": 101, "name": "test101", "price": "$101" }, { "id": 102, "name": "test102", "price": "$102" }, { "id": 103, "name": "test103", "price": "$103" }, { "id": 104, "name": "test104", "price": "$104" }, { "id": 105, "name": "test105", "price": "$105" }, { "id": 106, "name": "test106", "price": "$106" }, { "id": 107, "name": "test107", "price": "$107" }, { "id": 108, "name": "test108", "price": "$108" }, { "id": 109, "name": "test109", "price": "$109" }, { "id": 110, "name": "test110", "price": "$110" }, { "id": 111, "name": "test111", "price": "$111" }, { "id": 112, "name": "test112", "price": "$112" }, { "id": 113, "name": "test113", "price": "$113" }, { "id": 114, "name": "test114", "price": "$114" }, { "id": 115, "name": "test115", "price": "$115" }, { "id": 116, "name": "test116", "price": "$116" }, { "id": 117, "name": "test117", "price": "$117" }, { "id": 118, "name": "test118", "price": "$118" }, { "id": 119, "name": "test119", "price": "$119" }, { "id": 120, "name": "test120", "price": "$120" }, { "id": 121, "name": "test121", "price": "$121" }, { "id": 122, "name": "test122", "price": "$122" }, { "id": 123, "name": "test123", "price": "$123" }, { "id": 124, "name": "test124", "price": "$124" }, { "id": 125, "name": "test125", "price": "$125" }, { "id": 126, "name": "test126", "price": "$126" }, { "id": 127, "name": "test127", "price": "$127" }, { "id": 128, "name": "test128", "price": "$128" }, { "id": 129, "name": "test129", "price": "$129" }, { "id": 130, "name": "test130", "price": "$130" }, { "id": 131, "name": "test131", "price": "$131" }, { "id": 132, "name": "test132", "price": "$132" }, { "id": 133, "name": "test133", "price": "$133" }, { "id": 134, "name": "test134", "price": "$134" }, { "id": 135, "name": "test135", "price": "$135" }, { "id": 136, "name": "test136", "price": "$136" }, { "id": 137, "name": "test137", "price": "$137" }, { "id": 138, "name": "test138", "price": "$138" }, { "id": 139, "name": "test139", "price": "$139" }, { "id": 140, "name": "test140", "price": "$140" }, { "id": 141, "name": "test141", "price": "$141" }, { "id": 142, "name": "test142", "price": "$142" }, { "id": 143, "name": "test143", "price": "$143" }, { "id": 144, "name": "test144", "price": "$144" }, { "id": 145, "name": "test145", "price": "$145" }, { "id": 146, "name": "test146", "price": "$146" }, { "id": 147, "name": "test147", "price": "$147" }, { "id": 148, "name": "test148", "price": "$148" }, { "id": 149, "name": "test149", "price": "$149" }, { "id": 150, "name": "test150", "price": "$150" }, { "id": 151, "name": "test151", "price": "$151" }, { "id": 152, "name": "test152", "price": "$152" }, { "id": 153, "name": "test153", "price": "$153" }, { "id": 154, "name": "test154", "price": "$154" }, { "id": 155, "name": "test155", "price": "$155" }, { "id": 156, "name": "test156", "price": "$156" }, { "id": 157, "name": "test157", "price": "$157" }, { "id": 158, "name": "test158", "price": "$158" }, { "id": 159, "name": "test159", "price": "$159" }, { "id": 160, "name": "test160", "price": "$160" }, { "id": 161, "name": "test161", "price": "$161" }, { "id": 162, "name": "test162", "price": "$162" }, { "id": 163, "name": "test163", "price": "$163" }, { "id": 164, "name": "test164", "price": "$164" }, { "id": 165, "name": "test165", "price": "$165" }, { "id": 166, "name": "test166", "price": "$166" }, { "id": 167, "name": "test167", "price": "$167" }, { "id": 168, "name": "test168", "price": "$168" }, { "id": 169, "name": "test169", "price": "$169" }, { "id": 170, "name": "test170", "price": "$170" }, { "id": 171, "name": "test171", "price": "$171" }, { "id": 172, "name": "test172", "price": "$172" }, { "id": 173, "name": "test173", "price": "$173" }, { "id": 174, "name": "test174", "price": "$174" }, { "id": 175, "name": "test175", "price": "$175" }, { "id": 176, "name": "test176", "price": "$176" }, { "id": 177, "name": "test177", "price": "$177" }, { "id": 178, "name": "test178", "price": "$178" }, { "id": 179, "name": "test179", "price": "$179" }, { "id": 180, "name": "test180", "price": "$180" }, { "id": 181, "name": "test181", "price": "$181" }, { "id": 182, "name": "test182", "price": "$182" }, { "id": 183, "name": "test183", "price": "$183" }, { "id": 184, "name": "test184", "price": "$184" }, { "id": 185, "name": "test185", "price": "$185" }, { "id": 186, "name": "test186", "price": "$186" }, { "id": 187, "name": "test187", "price": "$187" }, { "id": 188, "name": "test188", "price": "$188" }, { "id": 189, "name": "test189", "price": "$189" }, { "id": 190, "name": "test190", "price": "$190" }, { "id": 191, "name": "test191", "price": "$191" }, { "id": 192, "name": "test192", "price": "$192" }, { "id": 193, "name": "test193", "price": "$193" }, { "id": 194, "name": "test194", "price": "$194" }, { "id": 195, "name": "test195", "price": "$195" }, { "id": 196, "name": "test196", "price": "$196" }, { "id": 197, "name": "test197", "price": "$197" }, { "id": 198, "name": "test198", "price": "$198" }, { "id": 199, "name": "test199", "price": "$199" }, { "id": 200, "name": "test200", "price": "$200" }, { "id": 201, "name": "test201", "price": "$201" }, { "id": 202, "name": "test202", "price": "$202" }, { "id": 203, "name": "test203", "price": "$203" }, { "id": 204, "name": "test204", "price": "$204" }, { "id": 205, "name": "test205", "price": "$205" }, { "id": 206, "name": "test206", "price": "$206" }, { "id": 207, "name": "test207", "price": "$207" }, { "id": 208, "name": "test208", "price": "$208" }, { "id": 209, "name": "test209", "price": "$209" }, { "id": 210, "name": "test210", "price": "$210" }, { "id": 211, "name": "test211", "price": "$211" }, { "id": 212, "name": "test212", "price": "$212" }, { "id": 213, "name": "test213", "price": "$213" }, { "id": 214, "name": "test214", "price": "$214" }, { "id": 215, "name": "test215", "price": "$215" }, { "id": 216, "name": "test216", "price": "$216" }, { "id": 217, "name": "test217", "price": "$217" }, { "id": 218, "name": "test218", "price": "$218" }, { "id": 219, "name": "test219", "price": "$219" }, { "id": 220, "name": "test220", "price": "$220" }, { "id": 221, "name": "test221", "price": "$221" }, { "id": 222, "name": "test222", "price": "$222" }, { "id": 223, "name": "test223", "price": "$223" }, { "id": 224, "name": "test224", "price": "$224" }, { "id": 225, "name": "test225", "price": "$225" }, { "id": 226, "name": "test226", "price": "$226" }, { "id": 227, "name": "test227", "price": "$227" }, { "id": 228, "name": "test228", "price": "$228" }, { "id": 229, "name": "test229", "price": "$229" }, { "id": 230, "name": "test230", "price": "$230" }, { "id": 231, "name": "test231", "price": "$231" }, { "id": 232, "name": "test232", "price": "$232" }, { "id": 233, "name": "test233", "price": "$233" }, { "id": 234, "name": "test234", "price": "$234" }, { "id": 235, "name": "test235", "price": "$235" }, { "id": 236, "name": "test236", "price": "$236" }, { "id": 237, "name": "test237", "price": "$237" }, { "id": 238, "name": "test238", "price": "$238" }, { "id": 239, "name": "test239", "price": "$239" }, { "id": 240, "name": "test240", "price": "$240" }, { "id": 241, "name": "test241", "price": "$241" }, { "id": 242, "name": "test242", "price": "$242" }, { "id": 243, "name": "test243", "price": "$243" }, { "id": 244, "name": "test244", "price": "$244" }, { "id": 245, "name": "test245", "price": "$245" }, { "id": 246, "name": "test246", "price": "$246" }, { "id": 247, "name": "test247", "price": "$247" }, { "id": 248, "name": "test248", "price": "$248" }, { "id": 249, "name": "test249", "price": "$249" }, { "id": 250, "name": "test250", "price": "$250" }, { "id": 251, "name": "test251", "price": "$251" }, { "id": 252, "name": "test252", "price": "$252" }, { "id": 253, "name": "test253", "price": "$253" }, { "id": 254, "name": "test254", "price": "$254" }, { "id": 255, "name": "test255", "price": "$255" }, { "id": 256, "name": "test256", "price": "$256" }, { "id": 257, "name": "test257", "price": "$257" }, { "id": 258, "name": "test258", "price": "$258" }, { "id": 259, "name": "test259", "price": "$259" }, { "id": 260, "name": "test260", "price": "$260" }, { "id": 261, "name": "test261", "price": "$261" }, { "id": 262, "name": "test262", "price": "$262" }, { "id": 263, "name": "test263", "price": "$263" }, { "id": 264, "name": "test264", "price": "$264" }, { "id": 265, "name": "test265", "price": "$265" }, { "id": 266, "name": "test266", "price": "$266" }, { "id": 267, "name": "test267", "price": "$267" }, { "id": 268, "name": "test268", "price": "$268" }, { "id": 269, "name": "test269", "price": "$269" }, { "id": 270, "name": "test270", "price": "$270" }, { "id": 271, "name": "test271", "price": "$271" }, { "id": 272, "name": "test272", "price": "$272" }, { "id": 273, "name": "test273", "price": "$273" }, { "id": 274, "name": "test274", "price": "$274" }, { "id": 275, "name": "test275", "price": "$275" }, { "id": 276, "name": "test276", "price": "$276" }, { "id": 277, "name": "test277", "price": "$277" }, { "id": 278, "name": "test278", "price": "$278" }, { "id": 279, "name": "test279", "price": "$279" }, { "id": 280, "name": "test280", "price": "$280" }, { "id": 281, "name": "test281", "price": "$281" }, { "id": 282, "name": "test282", "price": "$282" }, { "id": 283, "name": "test283", "price": "$283" }, { "id": 284, "name": "test284", "price": "$284" }, { "id": 285, "name": "test285", "price": "$285" }, { "id": 286, "name": "test286", "price": "$286" }, { "id": 287, "name": "test287", "price": "$287" }, { "id": 288, "name": "test288", "price": "$288" }, { "id": 289, "name": "test289", "price": "$289" }, { "id": 290, "name": "test290", "price": "$290" }, { "id": 291, "name": "test291", "price": "$291" }, { "id": 292, "name": "test292", "price": "$292" }, { "id": 293, "name": "test293", "price": "$293" }, { "id": 294, "name": "test294", "price": "$294" }, { "id": 295, "name": "test295", "price": "$295" }, { "id": 296, "name": "test296", "price": "$296" }, { "id": 297, "name": "test297", "price": "$297" }, { "id": 298, "name": "test298", "price": "$298" }, { "id": 299, "name": "test299", "price": "$299" }, { "id": 300, "name": "test300", "price": "$300" }, { "id": 301, "name": "test301", "price": "$301" }, { "id": 302, "name": "test302", "price": "$302" }, { "id": 303, "name": "test303", "price": "$303" }, { "id": 304, "name": "test304", "price": "$304" }, { "id": 305, "name": "test305", "price": "$305" }, { "id": 306, "name": "test306", "price": "$306" }, { "id": 307, "name": "test307", "price": "$307" }, { "id": 308, "name": "test308", "price": "$308" }, { "id": 309, "name": "test309", "price": "$309" }, { "id": 310, "name": "test310", "price": "$310" }, { "id": 311, "name": "test311", "price": "$311" }, { "id": 312, "name": "test312", "price": "$312" }, { "id": 313, "name": "test313", "price": "$313" }, { "id": 314, "name": "test314", "price": "$314" }, { "id": 315, "name": "test315", "price": "$315" }, { "id": 316, "name": "test316", "price": "$316" }, { "id": 317, "name": "test317", "price": "$317" }, { "id": 318, "name": "test318", "price": "$318" }, { "id": 319, "name": "test319", "price": "$319" }, { "id": 320, "name": "test320", "price": "$320" }, { "id": 321, "name": "test321", "price": "$321" }, { "id": 322, "name": "test322", "price": "$322" }, { "id": 323, "name": "test323", "price": "$323" }, { "id": 324, "name": "test324", "price": "$324" }, { "id": 325, "name": "test325", "price": "$325" }, { "id": 326, "name": "test326", "price": "$326" }, { "id": 327, "name": "test327", "price": "$327" }, { "id": 328, "name": "test328", "price": "$328" }, { "id": 329, "name": "test329", "price": "$329" }, { "id": 330, "name": "test330", "price": "$330" }, { "id": 331, "name": "test331", "price": "$331" }, { "id": 332, "name": "test332", "price": "$332" }, { "id": 333, "name": "test333", "price": "$333" }, { "id": 334, "name": "test334", "price": "$334" }, { "id": 335, "name": "test335", "price": "$335" }, { "id": 336, "name": "test336", "price": "$336" }, { "id": 337, "name": "test337", "price": "$337" }, { "id": 338, "name": "test338", "price": "$338" }, { "id": 339, "name": "test339", "price": "$339" }, { "id": 340, "name": "test340", "price": "$340" }, { "id": 341, "name": "test341", "price": "$341" }, { "id": 342, "name": "test342", "price": "$342" }, { "id": 343, "name": "test343", "price": "$343" }, { "id": 344, "name": "test344", "price": "$344" }, { "id": 345, "name": "test345", "price": "$345" }, { "id": 346, "name": "test346", "price": "$346" }, { "id": 347, "name": "test347", "price": "$347" }, { "id": 348, "name": "test348", "price": "$348" }, { "id": 349, "name": "test349", "price": "$349" }, { "id": 350, "name": "test350", "price": "$350" }, { "id": 351, "name": "test351", "price": "$351" }, { "id": 352, "name": "test352", "price": "$352" }, { "id": 353, "name": "test353", "price": "$353" }, { "id": 354, "name": "test354", "price": "$354" }, { "id": 355, "name": "test355", "price": "$355" }, { "id": 356, "name": "test356", "price": "$356" }, { "id": 357, "name": "test357", "price": "$357" }, { "id": 358, "name": "test358", "price": "$358" }, { "id": 359, "name": "test359", "price": "$359" }, { "id": 360, "name": "test360", "price": "$360" }, { "id": 361, "name": "test361", "price": "$361" }, { "id": 362, "name": "test362", "price": "$362" }, { "id": 363, "name": "test363", "price": "$363" }, { "id": 364, "name": "test364", "price": "$364" }, { "id": 365, "name": "test365", "price": "$365" }, { "id": 366, "name": "test366", "price": "$366" }, { "id": 367, "name": "test367", "price": "$367" }, { "id": 368, "name": "test368", "price": "$368" }, { "id": 369, "name": "test369", "price": "$369" }, { "id": 370, "name": "test370", "price": "$370" }, { "id": 371, "name": "test371", "price": "$371" }, { "id": 372, "name": "test372", "price": "$372" }, { "id": 373, "name": "test373", "price": "$373" }, { "id": 374, "name": "test374", "price": "$374" }, { "id": 375, "name": "test375", "price": "$375" }, { "id": 376, "name": "test376", "price": "$376" }, { "id": 377, "name": "test377", "price": "$377" }, { "id": 378, "name": "test378", "price": "$378" }, { "id": 379, "name": "test379", "price": "$379" }, { "id": 380, "name": "test380", "price": "$380" }, { "id": 381, "name": "test381", "price": "$381" }, { "id": 382, "name": "test382", "price": "$382" }, { "id": 383, "name": "test383", "price": "$383" }, { "id": 384, "name": "test384", "price": "$384" }, { "id": 385, "name": "test385", "price": "$385" }, { "id": 386, "name": "test386", "price": "$386" }, { "id": 387, "name": "test387", "price": "$387" }, { "id": 388, "name": "test388", "price": "$388" }, { "id": 389, "name": "test389", "price": "$389" }, { "id": 390, "name": "test390", "price": "$390" }, { "id": 391, "name": "test391", "price": "$391" }, { "id": 392, "name": "test392", "price": "$392" }, { "id": 393, 285de "name": "test393", "price": "$393" }, { "id": 394, "name": "test394", "price": "$394" }, { "id": 395, "name": "test395", "price": "$395" }, { "id": 396, "name": "test396", "price": "$396" }, { "id": 397, "name": "test397", "price": "$397" }, { "id": 398, "name": "test398", "price": "$398" }, { "id": 399, "name": "test399", "price": "$399" }, { "id": 400, "name": "test400", "price": "$400" }, { "id": 401, "name": "test401", "price": "$401" }, { "id": 402, "name": "test402", "price": "$402" }, { "id": 403, "name": "test403", "price": "$403" }, { "id": 404, "name": "test404", "price": "$404" }, { "id": 405, "name": "test405", "price": "$405" }, { "id": 406, "name": "test406", "price": "$406" }, { "id": 407, "name": "test407", "price": "$407" }, { "id": 408, "name": "test408", "price": "$408" }, { "id": 409, "name": "test409", "price": "$409" }, { "id": 410, "name": "test410", "price": "$410" }, { "id": 411, "name": "test411", "price": "$411" }, { "id": 412, "name": "test412", "price": "$412" }, { "id": 413, "name": "test413", "price": "$413" }, { "id": 414, "name": "test414", "price": "$414" }, { "id": 415, "name": "test415", "price": "$415" }, { "id": 416, "name": "test416", "price": "$416" }, { "id": 417, "name": "test417", "price": "$417" }, { "id": 418, "name": "test418", "price": "$418" }, { "id": 419, "name": "test419", "price": "$419" }, { "id": 420, "name": "test420", "price": "$420" }, { "id": 421, "name": "test421", "price": "$421" }, { "id": 422, "name": "test422", "price": "$422" }, { "id": 423, "name": "test423", "price": "$423" }, { "id": 424, "name": "test424", "price": "$424" }, { "id": 425, "name": "test425", "price": "$425" }, { "id": 426, "name": "test426", "price": "$426" }, { "id": 427, "name": "test427", "price": "$427" }, { "id": 428, "name": "test428", "price": "$428" }, { "id": 429, "name": "test429", "price": "$429" }, { "id": 430, "name": "test430", "price": "$430" }, { "id": 431, "name": "test431", "price": "$431" }, { "id": 432, "name": "test432", "price": "$432" }, { "id": 433, "name": "test433", "price": "$433" }, { "id": 434, "name": "test434", "price": "$434" }, { "id": 435, "name": "test435", "price": "$435" }, { "id": 436, "name": "test436", "price": "$436" }, { "id": 437, "name": "test437", "price": "$437" }, { "id": 438, "name": "test438", "price": "$438" }, { "id": 439, "name": "test439", "price": "$439" }, { "id": 440, "name": "test440", "price": "$440" }, { "id": 441, "name": "test441", "price": "$441" }, { "id": 442, "name": "test442", "price": "$442" }, { "id": 443, "name": "test443", "price": "$443" }, { "id": 444, "name": "test444", "price": "$444" }, { "id": 445, "name": "test445", "price": "$445" }, { "id": 446, "name": "test446", "price": "$446" }, { "id": 447, "name": "test447", "price": "$447" }, { "id": 448, "name": "test448", "price": "$448" }, { "id": 449, "name": "test449", "price": "$449" }, { "id": 450, "name": "test450", "price": "$450" }, { "id": 451, "name": "test451", "price": "$451" }, { "id": 452, "name": "test452", "price": "$452" }, { "id": 453, "name": "test453", "price": "$453" }, { "id": 454, "name": "test454", "price": "$454" }, { "id": 455, "name": "test455", "price": "$455" }, { "id": 456, "name": "test456", "price": "$456" }, { "id": 457, "name": "test457", "price": "$457" }, { "id": 458, "name": "test458", "price": "$458" }, { "id": 459, "name": "test459", "price": "$459" }, { "id": 460, "name": "test460", "price": "$460" }, { "id": 461, "name": "test461", "price": "$461" }, { "id": 462, "name": "test462", "price": "$462" }, { "id": 463, "name": "test463", "price": "$463" }, { "id": 464, "name": "test464", "price": "$464" }, { "id": 465, "name": "test465", "price": "$465" }, { "id": 466, "name": "test466", "price": "$466" }, { "id": 467, "name": "test467", "price": "$467" }, { "id": 468, "name": "test468", "price": "$468" }, { "id": 469, "name": "test469", "price": "$469" }, { "id": 470, "name": "test470", "price": "$470" }, { "id": 471, "name": "test471", "price": "$471" }, { "id": 472, "name": "test472", "price": "$472" }, { "id": 473, "name": "test473", "price": "$473" }, { "id": 474, "name": "test474", "price": "$474" }, { "id": 475, "name": "test475", "price": "$475" }, { "id": 476, "name": "test476", "price": "$476" }, { "id": 477, "name": "test477", "price": "$477" }, { "id": 478, "name": "test478", "price": "$478" }, { "id": 479, "name": "test479", "price": "$479" }, { "id": 480, "name": "test480", "price": "$480" }, { "id": 481, "name": "test481", "price": "$481" }, { "id": 482, "name": "test482", "price": "$482" }, { "id": 483, "name": "test483", "price": "$483" }, { "id": 484, "name": "test484", "price": "$484" }, { "id": 485, "name": "test485", "price": "$485" }, { "id": 486, "name": "test486", "price": "$486" }, { "id": 487, "name": "test487", "price": "$487" }, { "id": 488, "name": "test488", "price": "$488" }, { "id": 489, "name": "test489", "price": "$489" }, { "id": 490, "name": "test490", "price": "$490" }, { "id": 491, "name": "test491", "price": "$491" }, { "id": 492, "name": "test492", "price": "$492" }, { "id": 493, "name": "test493", "price": "$493" }, { "id": 494, "name": "test494", "price": "$494" }, { "id": 495, "name": "test495", "price": "$495" }, { "id": 496, "name": "test496", "price": "$496" }, { "id": 497, "name": "test497", "price": "$497" }, { "id": 498, "name": "test498", "price": "$498" }, { "id": 499, "name": "test499", "price": "$499" }, { "id": 500, "name": "test500", "price": "$500" }, { "id": 501, "name": "test501", "price": "$501" }, { "id": 502, "name": "test502", "price": "$502" }, { "id": 503, "name": "test503", "price": "$503" }, { "id": 504, "name": "test504", "price": "$504" }, { "id": 505, "name": "test505", "price": "$505" }, { "id": 506, "name": "test506", "price": "$506" }, { "id": 507, "name": "test507", "price": "$507" }, { "id": 508, "name": "test508", "price": "$508" }, { "id": 509, "name": "test509", "price": "$509" }, { "id": 510, "name": "test510", "price": "$510" }, { "id": 511, "name": "test511", "price": "$511" }, { "id": 512, "name": "test512", "price": "$512" }, { "id": 513, "name": "test513", "price": "$513" }, { "id": 514, "name": "test514", "price": "$514" }, { "id": 515, "name": "test515", "price": "$515" }, { "id": 516, "name": "test516", "price": "$516" }, { "id": 517, "name": "test517", "price": "$517" }, { "id": 518, "name": "test518", "price": "$518" }, { "id": 519, "name": "test519", "price": "$519" }, { "id": 520, "name": "test520", "price": "$520" }, { "id": 521, "name": "test521", "price": "$521" }, { "id": 522, "name": "test522", "price": "$522" }, { "id": 523, "name": "test523", "price": "$523" }, { "id": 524, "name": "test524", "price": "$524" }, { "id": 525, "name": "test525", "price": "$525" }, { "id": 526, "name": "test526", "price": "$526" }, { "id": 527, "name": "test527", "price": "$527" }, { "id": 528, "name": "test528", "price": "$528" }, { "id": 529, "name": "test529", "price": "$529" }, { "id": 530, "name": "test530", "price": "$530" }, { "id": 531, "name": "test531", "price": "$531" }, { "id": 532, "name": "test532", "price": "$532" }, { "id": 533, "name": "test533", "price": "$533" }, { "id": 534, "name": "test534", "price": "$534" }, { "id": 535, "name": "test535", "price": "$535" }, { "id": 536, "name": "test536", "price": "$536" }, { "id": 537, "name": "test537", "price": "$537" }, { "id": 538, "name": "test538", "price": "$538" }, { "id": 539, "name": "test539", "price": "$539" }, { "id": 540, "name": "test540", "price": "$540" }, { "id": 541, "name": "test541", "price": "$541" }, { "id": 542, "name": "test542", "price": "$542" }, { "id": 543, "name": "test543", "price": "$543" }, { "id": 544, "name": "test544", "price": "$544" }, { "id": 545, "name": "test545", "price": "$545" }, { "id": 546, "name": "test546", "price": "$546" }, { "id": 547, "name": "test547", "price": "$547" }, { "id": 548, "name": "test548", "price": "$548" }, { "id": 549, "name": "test549", "price": "$549" }, { "id": 550, "name": "test550", "price": "$550" }, { "id": 551, "name": "test551", "price": "$551" }, { "id": 552, "name": "test552", "price": "$552" }, { "id": 553, "name": "test553", "price": "$553" }, { "id": 554, "name": "test554", "price": "$554" }, { "id": 555, "name": "test555", "price": "$555" }, { "id": 556, "name": "test556", "price": "$556" }, { "id": 557, "name": "test557", "price": "$557" }, { "id": 558, "name": "test558", "price": "$558" }, { "id": 559, "name": "test559", "price": "$559" }, { "id": 560, "name": "test560", "price": "$560" }, { "id": 561, "name": "test561", "price": "$561" }, { "id": 562, "name": "test562", "price": "$562" }, { "id": 563, "name": "test563", "price": "$563" }, { "id": 564, "name": "test564", "price": "$564" }, { "id": 565, "name": "test565", "price": "$565" }, { "id": 566, "name": "test566", "price": "$566" }, { "id": 567, "name": "test567", "price": "$567" }, { "id": 568, "name": "test568", "price": "$568" }, { "id": 569, "name": "test569", "price": "$569" }, { "id": 570, "name": "test570", "price": "$570" }, { "id": 571, "name": "test571", "price": "$571" }, { "id": 572, "name": "test572", "price": "$572" }, { "id": 573, "name": "test573", "price": "$573" }, { "id": 574, "name": "test574", "price": "$574" }, { "id": 575, "name": "test575", "price": "$575" }, { "id": 576, "name": "test576", "price": "$576" }, { "id": 577, "name": "test577", "price": "$577" }, { "id": 578, "name": "test578", "price": "$578" }, { "id": 579, "name": "test579", "price": "$579" }, { "id": 580, "name": "test580", "price": "$580" }, { "id": 581, "name": "test581", "price": "$581" }, { "id": 582, "name": "test582", "price": "$582" }, { "id": 583, "name": "test583", "price": "$583" }, { "id": 584, "name": "test584", "price": "$584" }, { "id": 585, "name": "test585", "price": "$585" }, { "id": 586, "name": "test586", "price": "$586" }, { "id": 587, "name": "test587", "price": "$587" }, { "id": 588, "name": "test588", "price": "$588" }, { "id": 589, "name": "test589", "price": "$589" }, { "id": 590, "name": "test590", "price": "$590" }, { "id": 591, "name": "test591", "price": "$591" }, { "id": 592, "name": "test592", "price": "$592" }, { "id": 593, "name": "test593", "price": "$593" }, { "id": 594, "name": "test594", "price": "$594" }, { "id": 595, "name": "test595", "price": "$595" }, { "id": 596, "name": "test596", "price": "$596" }, { "id": 597, "name": "test597", "price": "$597" }, { "id": 598, "name": "test598", "price": "$598" }, { "id": 599, "name": "test599", "price": "$599" }, { "id": 600, "name": "test600", "price": "$600" }, { "id": 601, "name": "test601", "price": "$601" }, { "id": 602, "name": "test602", "price": "$602" }, { "id": 603, "name": "test603", "price": "$603" }, { "id": 604, "name": "test604", "price": "$604" }, { "id": 605, "name": "test605", "price": "$605" }, { "id": 606, "name": "test606", "price": "$606" }, { "id": 607, "name": "test607", "price": "$607" }, { "id": 608, "name": "test608", "price": "$608" }, { "id": 609, "name": "test609", "price": "$609" }, { "id": 610, "name": "test610", "price": "$610" }, { "id": 611, "name": "test611", "price": "$611" }, { "id": 612, "name": "test612", "price": "$612" }, { "id": 613, "name": "test613", "price": "$613" }, { "id": 614, "name": "test614", "price": "$614" }, { "id": 615, "name": "test615", "price": "$615" }, { "id": 616, "name": "test616", "price": "$616" }, { "id": 617, "name": "test617", "price": "$617" }, { "id": 618, "name": "test618", "price": "$618" }, { "id": 619, "name": "test619", "price": "$619" }, { "id": 620, "name": "test620", "price": "$620" }, { "id": 621, "name": "test621", "price": "$621" }, { "id": 622, "name": "test622", "price": "$622" }, { "id": 623, "name": "test623", "price": "$623" }, { "id": 624, "name": "test624", "price": "$624" }, { "id": 625, "name": "test625", "price": "$625" }, { "id": 626, "name": "test626", "price": "$626" }, { "id": 627, "name": "test627", "price": "$627" }, { "id": 628, "name": "test628", "price": "$628" }, { "id": 629, "name": "test629", "price": "$629" }, { "id": 630, "name": "test630", "price": "$630" }, { "id": 631, "name": "test631", "price": "$631" }, { "id": 632, "name": "test632", "price": "$632" }, { "id": 633, "name": "test633", "price": "$633" }, { "id": 634, "name": "test634", "price": "$634" }, { "id": 635, "name": "test635", "price": "$635" }, { "id": 636, "name": "test636", "price": "$636" }, { "id": 637, "name": "test637", "price": "$637" }, { "id": 638, "name": "test638", "price": "$638" }, { "id": 639, "name": "test639", "price": "$639" }, { "id": 640, "name": "test640", "price": "$640" }, { "id": 641, "name": "test641", "price": "$641" }, { "id": 642, "name": "test642", "price": "$642" }, { "id": 643, "name": "test643", "price": "$643" }, { "id": 644, "name": "test644", "price": "$644" }, { "id": 645, "name": "test645", "price": "$645" }, { "id": 646, "name": "test646", "price": "$646" }, { "id": 647, "name": "test647", "price": "$647" }, { "id": 648, "name": "test648", "price": "$648" }, { "id": 649, "name": "test649", "price": "$649" }, { "id": 650, "name": "test650", "price": "$650" }, { "id": 651, "name": "test651", "price": "$651" }, { "id": 652, "name": "test652", "price": "$652" }, { "id": 653, "name": "test653", "price": "$653" }, { "id": 654, "name": "test654", "price": "$654" }, { "id": 655, "name": "test655", "price": "$655" }, { "id": 656, "name": "test656", "price": "$656" }, { "id": 657, "name": "test657", "price": "$657" }, { "id": 658, "name": "test658", "price": "$658" }, { "id": 659, "name": "test659", "price": "$659" }, { "id": 660, "name": "test660", "price": "$660" }, { "id": 661, "name": "test661", "price": "$661" }, { "id": 662, "name": "test662", "price": "$662" }, { "id": 663, "name": "test663", "price": "$663" }, { "id": 664, "name": "test664", "price": "$664" }, { "id": 665, "name": "test665", "price": "$665" }, { "id": 666, "name": "test666", "price": "$666" }, { "id": 667, "name": "test667", "price": "$667" }, { "id": 668, "name": "test668", "price": "$668" }, { "id": 669, "name": "test669", "price": "$669" }, { "id": 670, "name": "test670", "price": "$670" }, { "id": 671, "name": "test671", "price": "$671" }, { "id": 672, "name": "test672", "price": "$672" }, { "id": 673, "name": "test673", "price": "$673" }, { "id": 674, "name": "test674", "price": "$674" }, { "id": 675, "name": "test675", "price": "$675" }, { "id": 676, "name": "test676", "price": "$676" }, { "id": 677, "name": "test677", "price": "$677" }, { "id": 678, "name": "test678", "price": "$678" }, { "id": 679, "name": "test679", "price": "$679" }, { "id": 680, "name": "test680", "price": "$680" }, { "id": 681, "name": "test681", "price": "$681" }, { "id": 682, "name": "test682", "price": "$682" }, { "id": 683, "name": "test683", "price": "$683" }, { "id": 684, "name": "test684", "price": "$684" }, { "id": 685, "name": "test685", "price": "$685" }, { "id": 686, "name": "test686", "price": "$686" }, { "id": 687, "name": "test687", "price": "$687" }, { "id": 688, "name": "test688", "price": "$688" }, { "id": 689, "name": "test689", "price": "$689" }, { "id": 690, "name": "test690", "price": "$690" }, { "id": 691, "name": "test691", "price": "$691" }, { "id": 692, "name": "test692", "price": "$692" }, { "id": 693, "name": "test693", "price": "$693" }, { "id": 694, "name": "test694", "price": "$694" }, { "id": 695, "name": "test695", "price": "$695" }, { "id": 696, "name": "test696", "price": "$696" }, { "id": 697, "name": "test697", "price": "$697" }, { "id": 698, "name": "test698", "price": "$698" }, { "id": 699, "name": "test699", "price": "$699" }, { "id": 700, "name": "test700", "price": "$700" }, { "id": 701, "name": "test701", "price": "$701" }, { "id": 702, "name": "test702", "price": "$702" }, { "id": 703, "name": "test703", "price": "$703" }, { "id": 704, "name": "test704", "price": "$704" }, { "id": 705, "name": "test705", "price": "$705" }, { "id": 706, "name": "test706", "price": "$706" }, { "id": 707, "name": "test707", "price": "$707" }, { "id": 708, "name": "test708", "price": "$708" }, { "id": 709, "name": "test709", "price": "$709" }, { "id": 710, "name": "test710", "price": "$710" }, { "id": 711, "name": "test711", "price": "$711" }, { "id": 712, "name": "test712", "price": "$712" }, { "id": 713, "name": "test713", "price": "$713" }, { "id": 714, "name": "test714", "price": "$714" }, { "id": 715, "name": "test715", "price": "$715" }, { "id": 716, "name": "test716", "price": "$716" }, { "id": 717, "name": "test717", "price": "$717" }, { "id": 718, "name": "test718", "price": "$718" }, { "id": 719, "name": "test719", "price": "$719" }, { "id": 720, "name": "test720", "price": "$720" }, { "id": 721, "name": "test721", "price": "$721" }, { "id": 722, "name": "test722", "price": "$722" }, { "id": 723, "name": "test723", "price": "$723" }, { "id": 724, "name": "test724", "price": "$724" }, { "id": 725, "name": "test725", "price": "$725" }, { "id": 726, "name": "test726", "price": "$726" }, { "id": 727, "name": "test727", "price": "$727" }, { "id": 728, "name": "test728", "price": "$728" }, { "id": 729, "name": "test729", "price": "$729" }, { "id": 730, "name": "test730", "price": "$730" }, { "id": 731, "name": "test731", "price": "$731" }, { "id": 732, "name": "test732", "price": "$732" }, { "id": 733, "name": "test733", "price": "$733" }, { "id": 734, "name": "test734", "price": "$734" }, { "id": 735, "name": "test735", "price": "$735" }, { "id": 736, "name": "test736", "price": "$736" }, { "id": 737, "name": "test737", "price": "$737" }, { "id": 738, "name": "test738", "price": "$738" }, { "id": 739, "name": "test739", "price": "$739" }, { "id": 740, "name": "test740", "price": "$740" }, { "id": 741, "name": "test741", "price": "$741" }, { "id": 742, "name": "test742", "price": "$742" }, { "id": 743, "name": "test743", "price": "$743" }, { "id": 744, "name": "test744", "price": "$744" }, { "id": 745, "name": "test745", "price": "$745" }, { "id": 746, "name": "test746", "price": "$746" }, { "id": 747, "name": "test747", "price": "$747" }, { "id": 748, "name": "test748", "price": "$748" }, { "id": 749, "name": "test749", "price": "$749" }, { "id": 750, "name": "test750", "price": "$750" }, { "id": 751, "name": "test751", "price": "$751" }, { "id": 752, "name": "test752", "price": "$752" }, { "id": 753, "name": "test753", "price": "$753" }, { "id": 754, "name": "test754", "price": "$754" }, { "id": 755, "name": "test755", "price": "$755" }, { "id": 756, "name": "test756", "price": "$756" }, { "id": 757, "name": "test757", "price": "$757" }, { "id": 758, "name": "test758", "price": "$758" }, { "id": 759, "name": "test759", "price": "$759" }, { "id": 760, "name": "test760", "price": "$760" }, { "id": 761, "name": "test761", "price": "$761" }, { "id": 762, "name": "test762", "price": "$762" }, { "id": 763, "name": "test763", "price": "$763" }, { "id": 764, "name": "test764", "price": "$764" }, { "id": 765, "name": "test765", "price": "$765" }, { "id": 766, "name": "test766", "price": "$766" }, { "id": 767, "name": "test767", "price": "$767" }, { "id": 768, "name": "test768", "price": "$768" }, { "id": 769, "name": "test769", "price": "$769" }, { "id": 770, "name": "test770", "price": "$770" }, { "id": 771, "name": "test771", "price": "$771" }, { "id": 772, "name": "test772", "price": "$772" }, { "id": 773, "name": "test773", "price": "$773" }, { "id": 774, "name": "test774", "price": "$774" }, { "id": 775, "name": "test775", "price": "$775" }, { "id": 776, "name": "test776", "price": "$776" }, { "id": 777, "name": "test777", "price": "$777" }, { "id": 778, "name": "test778", "price": "$778" }, { "id": 779, "name": "test779", "price": "$779" }, { "id": 780, "name": "test780", "price": "$780" }, { "id": 781, "name": "test781", "price": "$781" }, { "id": 782, "name": "test782", "price": "$782" }, { "id": 783, "name": "test783", "price": "$783" }, { "id": 784, "name": "test784", "price": "$784" }, { "id": 785, "name": "test785", "price": "$785" }, { "id": 786, "name": "test786", "price": "$786" }, { "id": 787, "name": "test787", "price": "$787" }, { "id": 788, "name": "test788", "price": "$788" }, { "id": 789, "name": "test789", "price": "$789" }, { "id": 790, "name": "test790", "price": "$790" }, { "id": 791, "name": "test791", "price": "$791" }, { "id": 792, "name": "test792", "price": "$792" }, { "id": 793, "name": "test793", "price": "$793" }, { "id": 794, "name": "test794", "price": "$794" }, { "id": 795, "name": "test795", "price": "$795" }, { "id": 796, "name": "test796", "price": "$796" }, { "id": 797, "name": "test797", "price": "$797" }, { "id": 798, "name": "test798", "price": "$798" }, { "id": 799, "name": "test799", "price": "$799" } ]
相关文章推荐
- Bootstrap CSS样式
- Bootstrap 响应式实用工具
- Bootstrap 3 左右排序
- Bootstrap3 左边距
- bootstrap 翻页的状态
- bootstrap 翻页(对齐的链接)
- Bootstrap 翻页(pager)
- Bootstrap3 图片响应式
- Bootstrap中的面板
- Bootstrap历练实例:分页状态
- Bootstrap历练实例:分页的大小
- bootstrap 分页
- Add Bootstrap to laravel 5
- bootstrap - table
- Bootstrap每天必学之按钮
- Bootstrap每天必学之导航
- Bootstrap历练实例:导航中的表单
- Bootstrap历练实例:响应式导航栏
- bootstrap 导航栏
- bootstrap 中 input输入框与其他样式的组合