model.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  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. <!--
  24. <ul class="layui-row layui-col-space30" id="sortable">
  25. <li class="layui-col-md2 layui-col-sm4" id="data" style="">
  26. <div class="cmdlist-container">
  27. <div href="javascript:;" class="img" style="height: 154px;">
  28. <img src="../../layuiadmin/style/res/template/portrait.png">
  29. </div>
  30. <a href="javascript:;" class="edit">
  31. <div class="cmdlist-text" style="text-align:center;">
  32. <p class="info">2018春夏季新款港味短款白色T恤+网纱中长款chic半身裙套装两件套</p>
  33. <div class="price">
  34. <b></b>
  35. </div>
  36. <div class="text"></div>
  37. <div style="margin-top:10px;text-align:center;">
  38. <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>
  39. </div>
  40. </div>
  41. </a>
  42. </div>
  43. </li>
  44. </ul>
  45. -->
  46. </div>
  47. <script id="url">var url = ""</script>
  48. <script>
  49. $( function() {
  50. var sort = $( "#sortable" ).sortable({
  51. opacity: 0.7,
  52. stop:function(){
  53. var arr = $( "#sortable" ).sortable('toArray');
  54. arr = arr.join(',');
  55. /*
  56. $.post(url, {data:arr}, function()
  57. {
  58. })
  59. */
  60. }
  61. });
  62. $( "#sortable" ).disableSelection();
  63. } );
  64. </script>