content.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <style>
  2. .layui-col-md2
  3. {
  4. height: 250px;
  5. border:1px solid #bababa;
  6. margin:5px;
  7. }
  8. .layui-table-cell
  9. {
  10. padding: 0px 0px;
  11. }
  12. .layui-col-md2 .img
  13. {
  14. text-align: center;overflow: hidden;text-align: center;
  15. }
  16. .price
  17. {
  18. margin-top: -3px;
  19. margin-bottom: -11px;
  20. }
  21. </style>
  22. <div class="layui-fluid layadmin-cmdlist-fluid">
  23. <ul class="layui-row layui-col-space30" id="sortable">
  24. <li class="layui-col-md2 layui-col-sm4" id="data" style="">
  25. <div class="cmdlist-container">
  26. <div href="javascript:;" class="img" style="height: 154px;">
  27. <img src="../../layuiadmin/style/res/template/portrait.png">
  28. </div>
  29. <a href="javascript:;" class="edit">
  30. <div class="cmdlist-text" style="text-align:center;">
  31. <p class="info">2018春夏季新款港味短款白色T恤+网纱中长款chic半身裙套装两件套</p>
  32. <div class="price">
  33. <b></b>
  34. </div>
  35. <div class="text"></div>
  36. <div style="margin-top:10px;text-align:center;">
  37. <div class="layui-table-cell"><a href="javascript:;" class="data_edit" onclick=""><button type="button" class="btn btn-info btn-rounded waves-effect waves-light m-b-5 layui-btn layui-btn-xs">内容</button></a>&nbsp;&nbsp;<a href="#" class="oper_delete"><button type="button" class="btn btn-info btn-rounded waves-effect waves-light m-b-5 layui-btn layui-btn-danger layui-btn-xs"><span class="am-icon-trash-o"></span>删除</button></a>&nbsp;&nbsp;</div>
  38. </div>
  39. </div>
  40. </a>
  41. </div>
  42. </li>
  43. </ul>
  44. </div>
  45. <script id="url">var url = ""</script>
  46. <script>
  47. $( function() {
  48. var sort = $( "#sortable" ).sortable({
  49. opacity: 0.7,
  50. stop:function(){
  51. var arr = $( "#sortable" ).sortable('toArray');
  52. arr = arr.join(',');
  53. $.post(url, {data:arr}, function()
  54. {
  55. })
  56. }
  57. });
  58. $( "#sortable" ).disableSelection();
  59. } );
  60. </script>