read.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. {extend name="common/base"/}
  2. {block name="style"}
  3. <style>
  4. .upload-img {
  5. width: 120px;
  6. height: 90px;
  7. overflow: hidden;
  8. position: relative;
  9. border: 1px solid #eee;
  10. padding: 1px;
  11. margin: 5px;
  12. float: left;
  13. }
  14. .upload-close {
  15. position: absolute;
  16. top: 1px;
  17. right: 1px;
  18. }
  19. .layui-upload-add {
  20. position: relative;
  21. margin:12px 0;
  22. padding:16px 0;
  23. font-size:14px;
  24. box-sizing: border-box;
  25. border: 1px solid #eee;
  26. background-color: #fff;
  27. text-align: center;
  28. cursor: pointer;
  29. color: #999;
  30. }
  31. .layui-upload-add .layui-icon{font-size:52px; color:#3c9cff}
  32. .gallery-item{background-color:#fff; padding:12px 12px 0; margin:12px 0; box-sizing: border-box;border: 1px solid #eee;}
  33. .img-filepath{max-width: 200px;max-height: 150px;}
  34. .list-text{font-size:12px; padding:12px 12px 0 0;color:#969696;}
  35. .list-text span{color:#646464;}
  36. .gougu-upload-files{background-color: #ffffff; border:1px solid #e4e7ed;color: #c0c4cc;cursor: not-allowed; padding:0 12px; box-sizing: border-box; display: inline-block; font-size: inherit; height: 38px; line-height: 35px; margin-right:8px; border-radius:2px;}
  37. .gougu-upload-tips{color:#969696}
  38. </style>
  39. {/block}
  40. <!-- 主体 -->
  41. {block name="body"}
  42. <form class="layui-form p-3">
  43. <table class="layui-table layui-table-form">
  44. <tr>
  45. <td class="layui-td-gray">图集标题</td>
  46. <td>{$detail.title}</td>
  47. <td class="layui-td-gray">所属分类</td>
  48. <td>
  49. {volist name=":set_recursion(get_gallery_cate())" id="v"}
  50. {eq name="$detail.cate_id" value="$v.id" }{$v.title}{/eq}
  51. {/volist}
  52. </td>
  53. <td class="layui-td-gray">图集状态</td>
  54. <td>
  55. {eq name="$detail.status" value="1" }正常{/eq}
  56. {eq name="$detail.status" value="0" }下架{/eq}
  57. </td>
  58. </tr>
  59. <tr>
  60. <td class="layui-td-gray">关键字</td>
  61. <td>
  62. {$detail.keyword_names}
  63. </td>
  64. <td class="layui-td-gray">属性</td>
  65. <td>
  66. {eq name="$detail.type" value="1" }精华{/eq}
  67. {eq name="$detail.type" value="2" }热门{/eq}
  68. {eq name="$detail.type" value="3" }推荐{/eq}
  69. </td>
  70. <td class="layui-td-gray">首页显示</td>
  71. <td>
  72. {eq name="$detail.is_home" value="1"}是{/eq}
  73. {eq name="$detail.is_home" value="0"}否{/eq}
  74. </td>
  75. </tr>
  76. <tr>
  77. <td class="layui-td-gray">作者/来源</td>
  78. <td>{$detail.origin}</td>
  79. <td class="layui-td-gray">来源链接</td>
  80. <td>{$detail.origin_url}</td>
  81. <td class="layui-td-gray">排序</td>
  82. <td>{$detail.sort}</td>
  83. </tr>
  84. <tr>
  85. <td class="layui-td-gray">图集简介</td>
  86. <td colspan="3">{$detail.desc}</td>
  87. <td class="layui-td-gray">封面图</td>
  88. <td>
  89. <img src="{$detail.thumb|get_file}" style="width:200px;max-width:200px" />
  90. </td>
  91. </tr>
  92. </table>
  93. <div id="imgList">
  94. {volist name="$detail.gallery_array" id="vo"}
  95. <div class="layui-row gallery-item" id="item_{$vo.id}">
  96. <div class="layui-col-md3">
  97. <img src="{$vo.filepath}" class="img-filepath">
  98. <p class="py-2">名称:{$vo.name}</p>
  99. </div>
  100. <div class="layui-col-md9">
  101. <table class="layui-table layui-table-form">
  102. <tr>
  103. <td class="layui-td-gray">标题</td>
  104. <td colspan="3">{$vo.title}</td>
  105. </tr>
  106. <tr>
  107. <td class="layui-td-gray">摘要</td>
  108. <td colspan="3">{$vo.desc}</td>
  109. </tr>
  110. <tr>
  111. <td class="layui-td-gray">链接</td>
  112. <td>{$vo.link}</td>
  113. <td class="layui-td-gray">排序</td>
  114. <td>{$vo.sort}</td>
  115. </tr>
  116. </table>
  117. </div>
  118. </div>
  119. {/volist}
  120. </div>
  121. </form>
  122. {/block}
  123. <!-- /主体 -->
  124. <!-- 脚本 -->
  125. {block name="script"}
  126. <script>
  127. var moduleInit = ['tool'];
  128. function gouguInit() {
  129. }
  130. </script>
  131. {/block}
  132. <!-- /脚本 -->