updatelog.html 5.0 KB

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