a11348570162881f984985054c0de11a.php 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <?php if (!defined('THINK_PATH')) exit();?>
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <?php $shoname_name = D('Home/Front')->get_config_by_name('shoname'); ?>
  7. <title><?php echo $shoname; ?></title>
  8. <link rel="shortcut icon" href="" />
  9. <meta name="renderer" content="webkit">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  12. <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
  13. <!-- 让IE8/9支持媒体查询,从而兼容栅格 -->
  14. <!--[if lt IE 9]>
  15. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  16. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  17. <![endif]-->
  18. <link href="./resource/css/bootstrap.min.css?v=201903260001" rel="stylesheet">
  19. <link href="./resource/css/common.css?v=201903260001" rel="stylesheet">
  20. <script type="text/javascript" src="./resource/js/lib/jquery-1.11.1.min.js"></script>
  21. <script type="text/javascript" src="./resource/js/lib/bootstrap.min.js"></script>
  22. <script type="text/javascript" src="./resource/js/app/util.js?v=201903260001"></script>
  23. <script type="text/javascript" src="./resource/js/app/common.min.js?v=201903260001"></script>
  24. <script type="text/javascript" src="./resource/js/require.js?v=201903260001"></script>
  25. <script type="text/javascript" src="./resource/js/lib/jquery.nice-select.js?v=201903260001"></script>
  26. <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
  27. <link href="/static/css/snailfish.css" rel="stylesheet">
  28. <link href="/static/css/log_bootstrap.min.css" rel="stylesheet">
  29. <link href="/static/css/log_log.css" rel="stylesheet">
  30. <style>
  31. .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect
  32. {
  33. width: auto!important;
  34. }
  35. </style>
  36. <style>
  37. .main{
  38. width: 100%;
  39. }
  40. .contain{
  41. position: relative;
  42. margin: 0 auto;
  43. height: 220px;
  44. overflow: hidden;/*设置文案容器高度,超出部分隐藏*/
  45. }
  46. .open-btn{
  47. position: absolute;
  48. width: 100%;
  49. bottom: 0;
  50. height: 80px;
  51. background: linear-gradient(180deg,rgba(255,255,255,0),#fff);/*实现渐变效果,遮罩效果*/
  52. }
  53. .open-btn a{
  54. text-decoration: none;
  55. color: chocolate;
  56. display: inline-block;
  57. margin-top: 60px;
  58. }
  59. .shrink{
  60. display:none;
  61. }
  62. </style>
  63. </head>
  64. <body layadmin-themealias="default">
  65. <div class="layui-fluid">
  66. <div class="layui-card">
  67. <div class="layui-card-header layui-elem-quote">当前位置:<span class="line-text">更新日志</span></div>
  68. <div class="layui-card-body" style="padding:15px;">
  69. </div>
  70. <div class="updatehead">社区团购系统&nbsp&nbsp&nbsp&nbsp更新日志</div>
  71. <div class="container" style="width: 1500px;">
  72. <div class="history">
  73. <div class="history-date">
  74. <ul>
  75. <h2 class="date02"></h2>
  76. <?php foreach($data as $key => $var ){ ?>
  77. <li style="width: 1500px;" id="li_<?php echo ($key); ?>" log_id="<?php echo ($key); ?>">
  78. <dl><dt><font style="color:;"><?php echo $var['version'] ?></font></dt></dl><br />
  79. <h3><span>更新日期:<?php echo $var['release'] ?></span></h3>
  80. <dl >
  81. <div class="contain" id="textcontain_<?php echo ($key); ?>" style="font-size:14px" >
  82. <span><p>&nbsp;</p><p id="p_<?php echo ($key); ?>"><?php echo $var['desc'] ?></p> <br></span>
  83. <div class="open-btn" id="btncontain_<?php echo ($key); ?>" >
  84. <a class="tg_log" log_id="<?php echo ($key); ?>" style="color:#FFFFFF;"><div id="color_<?php echo ($key); ?>">查看更多</div></a>
  85. </div>
  86. <div class="shrink" id="shrink_<?php echo ($key); ?>" >
  87. <a class="tg_log2" log_id="<?php echo ($key); ?>" style="color:#428bca;" >收起</a>
  88. </div>
  89. </div>
  90. </dl>
  91. </li>
  92. <?php } ?>
  93. </ul>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. <script src="/layuiadmin/layui/layui.js"></script>
  100. <script>
  101. layui.config({
  102. base: '/layuiadmin/' //静态资源所在路径
  103. }).extend({
  104. index: 'lib/index' //主入口模块
  105. }).use('index');
  106. </script>
  107. <script>
  108. $(window).load(function() {
  109. var log_id = 139;
  110. for(i=0 ; i< log_id ; i++){
  111. var a = $("#p_"+i).height();
  112. if( a < 200 ){
  113. $("#btncontain_"+i).hide();//隐藏查看更多按钮
  114. }else{
  115. $("#btncontain_"+i).show();//显示查看更多按钮
  116. $("#color_"+i).css("color","#428bca");
  117. }
  118. }
  119. });
  120. </script>
  121. <script>
  122. $('.tg_log').click(function(){
  123. var log_id = $(this).attr("log_id");
  124. layer.closeAll();
  125. $("#textcontain_"+log_id).height("auto");//取消文字容器高度限制
  126. $("#btncontain_"+log_id).hide();//隐藏查看更多按钮
  127. $("#shrink_"+log_id).toggle();
  128. });
  129. $('.tg_log2').click(function(){
  130. var log_id = $(this).attr("log_id");
  131. layer.closeAll();
  132. $("#textcontain_"+log_id).height('220');//取消文字容器高度限制
  133. $("#btncontain_"+log_id).show();//显示查看更多按钮
  134. $("#shrink_"+log_id).hide();
  135. });
  136. </script>
  137. </body>