groupon.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. {extend name="public/layout" /} {block name="title"}工具中心{/block} {block name="body"}
  2. <!--<link rel="stylesheet" href="__LAYUI__/common.css" media="all">-->
  3. <style type="text/css">
  4. html,
  5. body {
  6. display: block;
  7. min-width: 1100px;
  8. }
  9. .layui-fluid {
  10. display: block;
  11. box-shadow: 0 0 4px 0 #B6CADE;
  12. border-radius: 5px;
  13. margin: 15px;
  14. background-color: #ffffff;
  15. }
  16. .layui-tab {
  17. padding: 15px;
  18. height: 100%;
  19. }
  20. .layui-table-view .layui-table th,
  21. .layui-table-view .layui-table td {
  22. text-align: center;
  23. border-color: #B6CADE;
  24. }
  25. .layui-table thead tr,
  26. .layui-table-header {
  27. background-color: #D4E4ED;
  28. }
  29. .input-indent-box {
  30. display: inline;
  31. width: 80%;
  32. }
  33. .input-indent-box-small {
  34. display: inline;
  35. width: 20%;
  36. }
  37. .adding {
  38. cursor: pointer;
  39. }
  40. .upload-img .area i {
  41. font-size: 50px;
  42. color: #009688;
  43. }
  44. .evi-block {
  45. float: left;
  46. margin-right: 10px;
  47. }
  48. /*///*/
  49. .imageDiv {
  50. display: inline-block;
  51. width: 140px;
  52. height: 125px;
  53. -webkit-box-sizing: border-box;
  54. -moz-box-sizing: border-box;
  55. box-sizing: border-box;
  56. border: 1px dashed darkgray;
  57. background: #f8f8f8;
  58. position: relative;
  59. overflow: hidden;
  60. }
  61. .addImages {
  62. display: inline-block;
  63. width: 140px;
  64. height: 125px;
  65. -webkit-box-sizing: border-box;
  66. -moz-box-sizing: border-box;
  67. box-sizing: border-box;
  68. border: 1px dashed darkgray;
  69. background: #f8f8f8;
  70. position: relative;
  71. overflow: hidden;
  72. }
  73. .text-detail {
  74. margin-top: 40px;
  75. text-align: center;
  76. }
  77. .text-detail > span {
  78. font-size: 40px;
  79. }
  80. .imageDiv div {
  81. width: 100%;
  82. height: 100%;
  83. position: absolute;
  84. top: 0px;
  85. background-color: #e6e6e600;
  86. }
  87. .imageDiv div i {
  88. display: none;
  89. font-size: 31px;
  90. position: absolute;
  91. top: 37%;
  92. left: 40%;
  93. }
  94. .imageDiv div:hover {
  95. background-color: #e6e6e680;
  96. }
  97. .imageDiv div:hover i {
  98. display: block;
  99. cursor: pointer;
  100. }
  101. .rotate180 {
  102. -webkit-transform: rotate(180deg);
  103. transform: rotate(180deg);
  104. }
  105. .layui-edge.rotate180 {
  106. margin-top: -9px;
  107. }
  108. </style>
  109. <body>
  110. <div class="layui-fluid">
  111. <div class="layui-card">
  112. <div class="layui-form layui-card-header layuiadmin-card-header-auto">
  113. <p>装修拼团</p>
  114. </div>
  115. <div class="layui-card-body">
  116. <div class="layui-form-item clearfix">
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. </body>
  122. {/block} {block name="js"}
  123. <script>
  124. layui.config({
  125. base : '__LAYUI__/' //静态资源所在路径
  126. ,
  127. urlbase: '/sys'
  128. }).extend({
  129. index: 'lib/index' //主入口模块
  130. }).use(['index', 'table', 'layedit', 'element', 'upload'], function () {
  131. var $ = layui.$,
  132. table = layui.table,
  133. element = layui.element,
  134. upload = layui.upload,
  135. form = layui.form;
  136. });
  137. </script>
  138. {/block}